Case study · 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.
Het projectverhaal is in het Engels geschreven.
Overzicht
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.
Uitdaging
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.
Oplossing
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.
Resultaat
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.
Design tools
Ontworpen in Figma, met merk- en visuele assets in Adobe Illustrator en Adobe Photoshop.
- Figma
- Adobe Illustrator
- Adobe Photoshop
Gebouwd met
Talen en technologieën waarmee de live ervaring is opgeleverd.
- HTML
- CSS
- JavaScript
- TypeScript
- React
- Next.js
- Tailwind CSS
Kleurenpalet
Merkkleuren hieronder. UI-accenten op deze pagina worden waar nodig aangepast zodat ze leesbaar blijven op de achtergrond.
Accent Teal
#0F5C4C
Signal Mint
#5FBFA8
Ink
#0A0E0C
Mist
#F4F6F5
Glow
#B8D4C8
Volgende stap
Iets in deze lijn nodig?
Of je nu een organisatie in Dunfermline of Fife bent of een remote UK-klant, ik kan een brief van eerste schets tot live site brengen. Bekijk meer werk, stuur een bericht, of boek een gesprek.