Built at Interactive Education Technology · 2026
Company Website
A marketing website designed and built from scratch in Next.js, with a reusable component library and fully responsive layouts.
Overview
The company's website, designed and developed during my internship at Interactive Education Technology and taken from initial layout through to a working, deployed site.
The brief was a modern marketing site that the company could extend later without a developer rebuilding each page. That shaped the main decision: rather than styling each page individually, I built a small library of shared components so new pages could be assembled from pieces that already looked right.
Features
Homepage with live search
The landing page opens with a search that filters as you type, so visitors can find a programme or a page without navigating through the menu first.
About us
A section covering who the company is and what it does, laid out to be readable on a phone as well as on desktop.
Solutions
The company's solutions presented as distinct offerings, each with its own summary rather than a single block of copy.
Programs carousel
Programmes are shown in a carousel so several can occupy the same vertical space, letting visitors browse through them without the page growing longer with each one added.
Impact
A section presenting the company's results and reach, giving the concrete numbers behind what the rest of the site describes.
News with hover detail
News items sit in a grid where hovering darkens the card and reveals the details underneath. It keeps the grid clean at a glance while making the full information one movement away.
Animated partners strip
Partner logos move continuously along a single line, so a long list of partners fits into a fixed strip instead of a static grid that grows with every addition.
Contact page with email and map
The contact page combines a form that sends directly to the company's inbox with an embedded Google Map showing the office location, so getting in touch and finding the place are handled in one place.
How it works
- Next.js App Router with TypeScript.
- Tailwind CSS for styling, with components composed from a shared set of primitives.
- Client-side search filtering the homepage content as the user types.
- Google Maps embedded on the contact page, with the contact form wired to send directly to the company inbox.
Challenges
Building for pages that did not exist yet
The hardest part was not the pages in the brief but the ones that would come later. Components designed too tightly around one page's content break the moment someone needs a variation. Keeping the props general enough to reuse, without turning every component into a configuration puzzle, was the real balance - and the thing I would judge the work on.