Karl Grøndal – Portfolio Website

Jeg har udviklet en porteføljehjemmeside for fotografen og senior designer Karl Grøndal, baseret på hans eget design lavet i Adobe XD.

Frontend er bygget med Next.js, React og Tailwind CSS, mens Strapi fungerer som headless CMS til dynamisk håndtering af projekter og billeder.

Websitet adskiller sig med en vertikal navigationsoplevelse, hvor brugeren bevæger sig gennem projekterne ved at klikke i venstre eller højre side af skærmen for at skifte retning.

Det skaber en flydende og intuitiv brugeroplevelse, der lader Karls fotografier stå i centrum i et minimalistisk og visuelt rent layout.

I kan se siden på www.karlgroendal.dk/

Da desktopversionen styres via klik i venstre eller højre side af skærmen, blev mobiloplevelsen designet anderledes for at gøre navigationen mere intuitiv. På mobil skifter layoutet til en horisontal struktur

Det giver en nemmere og mere naturlig brugeroplevelse på små skærme, samtidig med at det visuelle udtryk forbliver rent og fokuseret på Karls fotografier.

Backend - Strapi

For at gøre websitet så fleksibelt og brugervenligt som muligt, har jeg bygget backend-delen i Strapi, som fungerer som et headless CMS.

Det betyder, at Karl selv kan logge ind og uploade nye billeder, oprette projekter og redigere tekster direkte fra et intuitivt interface – uden at skulle have teknisk viden. Strapi-løsningen er sat op med dynamiske felter, så han kan tilføje billeder i forskellige formater og serier, der automatisk bliver præsenteret i det rigtige layout på hjemmesiden.

Denne struktur gør det både nemt for ham at holde portfoliet opdateret og sikrer, at siden kan udvides i fremtiden, hvis der skal tilføjes nye sektioner eller funktioner