Étude de cas · 2026
Euan Livingstone Portfolio
A living product demo — minimalist craft, system theming and case studies on the site that sells the work.
My own portfolio rebuilt in Next.js — a minimalist personal site with motion, theming and case studies that doubles as a live product demo.
Le récit du projet est rédigé en anglais.
Aperçu
euanliv.click is the public face of my freelance work: selected projects, about, charity and local Dunfermline pages, contact, and Google Calendar booking. The brief was self-imposed — replace an older portfolio with something quieter and more intentional, close to references like restrained European studio sites, while still feeling personal to a Fife-based designer–developer with an MBCS membership.
Défi
A portfolio has to prove craft without shouting. It needs fast performance, clear case studies, booking without friction, and enough personality that it doesn’t look like a generic template — plus light/dark modes and a system that can grow as projects ship.
Solution
Designed and built in Next.js, React and TypeScript with Tailwind CSS. The experience includes a code-style boot intro, a typewriter hero, session-based accent colours (with a footer hue swapper), frosted sticky navigation, Discord presence, live UK clock, SEO-ready case study routes and structured data, plus integrated Google Calendar consultations.
Résultat
A production portfolio that works as both marketing site and case study in its own right — showing how I design systems, ship front-end detail and keep charity/local work visible alongside commercial projects.
Outils de design
Conçu dans Figma, avec marque et assets visuels réalisés dans Adobe Illustrator et Adobe Photoshop.
- Figma
- Adobe Illustrator
- Adobe Photoshop
Construit avec
Langages et technologies utilisés pour livrer l’expérience en ligne.
- HTML
- CSS
- JavaScript
- TypeScript
- React
- Next.js
- Tailwind CSS
Palette de couleurs
Nuances de marque ci-dessous. Les accents UI de cette page sont ajustés si besoin pour rester lisibles sur le fond du site.
Accent Teal
#0F5C4C
Signal Mint
#5FBFA8
Ink
#0A0E0C
Mist
#F4F6F5
Glow
#B8D4C8
Prochaine étape
Besoin de quelque chose dans cette veine ?
Que vous soyez une organisation à Dunfermline ou dans le Fife ou un client à distance au Royaume-Uni, je peux mener un brief du premier croquis jusqu’au site en ligne. Voir d’autres travaux, envoyer un message, ou réserver un échange.