The brief
Happy & Love is a product studio that designs, builds and grows products for its clients. They wanted a small, confident site: a big name, a short pitch, the brands they had worked with and where to find them. Three pages, nothing more.
My role
I built the whole site on my own in September 2022: the layouts for desktop and mobile, the animations, the side menu and the static export to Firebase Hosting.
A home page that is mostly type
The home page is the studio's name set at 195px in Clash Display, sitting on a soft grain texture. Three raised buttons on the left stand for what the studio does: design, develop and grow. They are pure CSS, built from layered outer and inset shadows rather than images. Hovering one swaps its icon for a label, and each one leads to the Clients page.
Hovering a button replaces the icon with its label.
The headline and the buttons slide in from the left when the page loads, and the same reveal runs on the other pages.
Clients and contact
The Clients page pairs the studio's pitch with the brands it has worked for, from Nokia and the British Council to MTN and Lebara UK, in two columns. The Contact page lists each office, in London, Milton Keynes and New York, with its address and email. Both keep the same grain, type scale and thin header rule as the home page, so the site reads as one piece.
The Clients page.
The Contact page, with the London, Milton Keynes and New York offices.
Mobile
On a phone the headline stacks and the three buttons move under it in a loose triangle. The navigation becomes a dark full-screen menu with large, widely spaced links, each with its own underline.
The home page, the menu and the Contact page on a phone.
Built to stay simple
The site is Next.js with Sass modules, exported as static HTML and served from Firebase Hosting with clean URLs. There is no backend and nothing to maintain beyond the copy. The header shows the current month and year, so the site never looks out of date.