← Alle projekter

PAOLO.DESIGN

Sitet, du kigger på, designet og bygget fra bunden

Kontekst

Personligt

Team

Solo

Varighed

Under udvikling siden 2024

År

2026

Hvis en kunde kun kunne se ét af mine projekter, ville det være dette site: strategi, design og kode, alt sammen mit, på tre sprog.

01

Hvor jeg startede: v1

paolo.design blev født under eksamen i web development på IAD. Jeg kendte allerede HTML, CSS, vanilla JavaScript og Angular, så jeg valgte at kaste mig ud i React, med AI som kodemakker og aldrig som pilot. v1 var én statisk side: en kugle af ansigter, der roterede i baggrunden, og én stor invitation, Come into my world. Mere en stiløvelse end en portfolio. Den er stadig online, fordi den viser, hvor jeg startede.

Se v1 ↗
02

Valget af navnet

paolo.design i stedet for mit borgerlige navn, med vilje. Det holder mit personlige omdømme og mit brand på hver sit spor. Brand-strategi anvendt på mig selv, før nogen kunde. Domænet .design var ledigt, og jeg ville være den eneste Paolo i verden med paolo.design og bygge hele mit branding oven på det.

03

Tre sider, tre måder at se mig på

v2 delte sig i tre. Forsiden gør det standardarbejde og går lige til sagen for dem, der rekrutterer: projekter, rolle, kontakt, alt i 2D og tilgængeligt. Match lægger følelsen tilbage i et digitalt produkt, med swipets gamification. Sektionen med kunst er der, hvor jeg ikke har ydre begrænsninger og lader enhver kreativ indskydelse slippe ud. Bold minimalism og emotional design, anvendt på tre forskellige publikummer uden at svigte nogen af dem.

04

Historien om Match-siden

Jeg gik i gang for at satse alt på Tinder-swipet. Ved at lade idéen bundfælde sig forstod jeg, at én sides wow ikke kan bære en portfolio, og at der også skulle være en forside, der gjorde sit arbejde. Udgangsidéen var grafisk; processen skilte den ad.

05

3D-rummet

Det teknisk sværeste, jeg har løst, er et udforskeligt rum i Three.js, med interaktioner, bevægelser og objekter, der fortæller om mine hobbyer. Det er det stykke, jeg er mest stolt af.

Gå ind i rummet ↗
06

Tre sprog, tre grunde

Italiensk, fordi det er mit modersmål, engelsk, fordi jeg har C1, dansk, fordi jeg sigter mod København. Hver eneste streng på sitet findes på alle tre.

07

Det usynlige håndværk

Genererede design-tokens, tilgængelighed (skip-links, route-announcer, reduced motion), Vitest- og Playwright-suiter, SEO pr. rute med prerendering, GDPR-kompatibelt cookie-samtykke. Det er den del, du kun ser, hvis du åbner DevTools, men den er der alligevel.

Tilgang og håndværk

Design engineer hele vejen, og her er alt mit: strategi, branding, design, tekst på tre sprog og bygget i React, TypeScript og Three.js. Min metode med AI, med mine egne ord: "jeg har en idé og udvider den med AI; jeg prøver aldrig at uddelegere selve tænkningen til AI".

ReactTypeScriptThree.jsViteGSAPFramer MotionVitest + Playwright

Resultatet

  • Online på tre sprog, med hver nøgle på linje på tværs af dem
  • Designsystem med genererede tokens, dokumenteret på /design-system
  • Tilgængelighed og performance behandlet som features, ikke som noget, der kommer bagefter
  • Nul templates: hver side designet og kodet fra bunden

Vil du have noget lignende?

  • Brandingfra 1.500 €
  • Simpel sidefra 2.500 €
  • Avanceret hjemmesidefra 5.000 €
Se pakker og priser →
PAOLO.DESIGN | Casestudie af Paolo Frassato