Fallstudie · 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.
Die Projektbeschreibung ist auf Englisch verfasst.
Überblick
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.
Herausforderung
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.
Lösung
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.
Ergebnis
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
Gestaltet in Figma, Marke und visuelle Assets in Adobe Illustrator und Adobe Photoshop.
- Figma
- Adobe Illustrator
- Adobe Photoshop
Umgesetzt mit
Sprachen und Technologien für die Live-Erfahrung.
- HTML
- CSS
- JavaScript
- TypeScript
- React
- Next.js
- Tailwind CSS
Farbpalette
Markenfarben unten. UI-Akzente auf dieser Seite werden bei Bedarf angepasst, damit sie auf dem Hintergrund lesbar bleiben.
Accent Teal
#0F5C4C
Signal Mint
#5FBFA8
Ink
#0A0E0C
Mist
#F4F6F5
Glow
#B8D4C8
Nächster Schritt
Brauchst du etwas in dieser Richtung?
Ob du eine Organisation in Dunfermline oder Fife bist oder ein Remote-Kunde in Großbritannien — ich begleite ein Briefing vom ersten Entwurf bis zur Live-Site. Sieh dir weitere Arbeit an, schreib mir oder buche ein Gespräch.