Problem

Mange restauranter i Aarhus har generiske hjemmesider, der ikke afspejler restaurantens stemning eller gør det nemt at booke bord. Nordhavn Bistro manglede en digital tilstedeværelse der matchede restaurantens eksklusive og nordiske udtryk.

Løsning

Jeg designede og udviklede en komplet restaurant-hjemmeside i React med fokus på atmosfære og konvertering. Siden guider besøgende fra første indtryk til reservationsskema med et klart visuelt hierarki.

Min rolle

Solo-projekt, Jeg stod for alt fra konceptudvikling og farvepalette til implementering i React og deployment på Vercel. Fuld frontend-proces uden ekstern hjælp.

Visuel identitet

Jeg valgte en mørk farvepalette med baggrund i #0d0d0d og gyldne accenter (#c9a96e) for at skabe en eksklusiv og varm atmosfære. Serif-fonten Playfair Display giver overskrifterne karakter, mens Inter sikrer læsbarhed i brødteksten.

Teknisk stack

React + Vite giver komponentbaseret arkitektur med hurtig HMR under udvikling. Tailwind CSS v4 bruges til utility-first styling direkte i JSX, og CSS transitions skaber subtile hover-animationer på menukort og knapper.

Komponentstruktur

Siden er opdelt i 6 selvstændige komponenter: Nav, Hero, About, Menu, Reservation og Footer. Hver komponent har ét ansvarsområde og kan opdateres uafhængigt, hvilket gør kodebasen nem at vedligeholde.

Resultat

Siden er live-deployed på Vercel med automatisk CI/CD fra GitHub, hver push til master udløser et nyt deploy automatisk. Siden er fuldt responsiv fra mobil til desktop og scorer højt på Lighthouse performance.