Jeg byggede min portfolio helt om fra bunden. Det gamle site var en mørk neo-brutalistisk side, der kørte et Tailwind-CDN-script over et JSON-grid; dette er et statisk Astro 5-build med React-islands kun dér, hvor interaktionen kræver dem. Omdrejningspunktet er arbejdssiden — et kortlignende board, hvor 36 projekter ligger i fem territorier, ét pr. disciplin. Hjulet zoomer ved markøren, træk panorerer med momentum, to fingre kniber, og filterchipsene flyver visningen hen til en kategori og dæmper resten. Zoom ind, og nålene bliver til kort. Hver node er et rigtigt link, så hvert projekt bygges også som sin egen statiske side, der åbner med dialogen allerede på skærmen. Forsiden er en række scroll-drevne sektioner: en fastgjort hero med et karrusel på seks slides, en om-sektion hvis afsnit fyldes bogstav for bogstav, mens en billedstak vokser, et fisheye-bånd med hurtige fakta, en harmonika af kompetencer, og et projektbånd, hvis spor scrubber sidelæns, når man scroller ned — på telefoner såvel som på computere. Alt indhold ligger i én JSON-fil. Der er intet CMS, ingen database og ingen server-runtime.
Et udforskeligt kort bliver hurtigt desorienterende og hurtigt utilgængeligt. Det skulle samtidig forblive et statisk build — uden server — og alligevel give 36 projekter rigtige, delbare URL'er, og bevægelsen skulle holde på en telefon.
Løsninger
Hver knude på kortet er et anker til en side, der genereres ved build-tid, så boardet forbliver navigerbart, delbart og crawlbart — også med JavaScript slået fra. Detaljeniveauet skifter nåle ud med kort, efterhånden som man zoomer, og filterchipsene flyver visningen i stedet for at genindlæse den. Sektioner fastgøres med GSAP ScrollTrigger og styres af scrollpositionen frem for en ticker, hvilket holder dem ærlige på touch-enheder. Hele sitet leveres som statisk HTML fra Astro, med React monteret på den ene komponent, der faktisk har brug for det.
Projektkortet — 36 projekter på tværs af fem territorierFiltreret visning — En chip flyver boardet hen til én kategoriOm — Scrollytelling med bogstav-for-bogstav-fyldYndlingsprojekter — Et spor, der scrubber sidelænsProjektdialog — Åbnes på stedet, med sin egen URLKontakt — Den afsluttende oversigt
Vores hjemmeside er designet i overensstemmelse med de nyeste WCAG 2.2 Level AA tilgængelighedsretningslinjer (Web Content Accessibility Guidelines). Det betyder, at hjemmesiden er tilgængelig for alle brugere, herunder mennesker med handicap.
Tilgængelighedsfunktioner:
Passende farvekontrast for nem læsning
Læsbare skrifttyper og tekststørrelser
Fuld understøttelse af tastaturnavigation
Alternativ tekst til alle billeder
Klar struktur og semantisk HTML
Kompatibilitet med skærmlæsere
Forstørrede touch-målområder
Synlige fokusindikatorer
Tilgængelighed er vores forpligtelse over for alle brugere.
EU-støtte - NextGenerationEU
Finansieret af Den Europæiske Union – NextGenerationEU
Denne virksomhed er finansieret under aktionen "Tilskud til iværksætterinitiativer for unge selvstændige (NEE)" under den offentlige arbejdsformidling (DYPA), med midler fra Den Europæiske Union – NextGenerationEU, gennem genopretnings- og resiliensfaciliteten "Grækenland 2.0".
Den nationale genopretnings- og resiliensplan "Grækenland 2.0" støtter virksomheder og selvstændige i deres udvikling og digitale transformation og tilbyder finansielle værktøjer til at styrke konkurrenceevne, innovation og beskæftigelse.
Gennem dette program har savage.design opnået ressourcer til at udvikle en moderne, tilgængelig og funktionel digital tilstedeværelse, der forbedrer kundekommunikation og servicelevering.
AI Admin Panel er en intelligent brugerflade, der lader dig administrere alle aspekter af din hjemmeside blot ved at tale med den. Ingen CMS-dashboards, ingen teknisk viden, ingen manuel redigering. Fortæl blot AI'en, hvad du ønsker, og se det ske i realtid.
Delt skærm-miljø
Chat med din AI-assistent til venstre, mens du ser ændringer dukke op live til højre. Skift mellem desktop-, tablet- og mobilvisning for at se præcis, hvordan din side ser ud på hver enhed.
Tre driftstilstande
Spørg
Stil spørgsmål om din hjemmeside, få forklaringer og vejledning — uden at foretage ændringer.
Handl
Bed AI'en om at foretage ændringer. Rediger tekst, opdater stilarter, udskift billeder, tilføj sektioner — alt gennemgås i kladde, før det går live.
Planlæg
Anmod om en detaljeret implementeringsplan for komplekse opdateringer. AI'en opdeler det i trin med omfangsestimater, før den begynder.
Hvad din AI kan
Rediger tekst, overskrifter og sideindhold
Opdater farver, skrifttyper og layout
Udskift og administrer billeder
SEO-optimering og meta-tags
Tilføj nye sektioner og sider
Flersproget indholdsstyring
Versionshistorik med et-klik gendannelse
Kladde/live-adskillelse — gennemgang før publicering
Sikkerhed på virksomhedsniveau
Alle ændringer går først til kladde — aldrig direkte til din live-side
Fuld versionshistorik med øjeblikkelig gendannelse til enhver tidligere tilstand
Multi-bruger-godkendelse med rollebaseret adgang
Omfattende revisionslogning af hver handling
Vælg dit abonnement
Starter
€40
/måned
Drevet af Claude Haiku 4.5
Perfekt til enkle indholdsopdateringer, tekstredigering og billedudskiftning.
Tekst- og billedredigering
Grundlæggende indholdsstyring
Versionshistorik
1 brugerkonto
Mest populære
Professional
€100
/måned
Drevet af Claude Sonnet 4.6
Designændringer, nye sektioner, SEO og indholdsskabelse.
Alt fra Starter
Design- og layoutændringer
SEO-optimering
Op til 3 brugerkonti
Enterprise
€250
/måned
Drevet af Claude Opus 4.6
Komplekse funktioner, fuldstændig sideredesign, tilpasset JavaScript og avanceret udvikling.
Alt fra Professional
Multi-fil funktionsudvikling
Avanceret tilpasset kode
Ubegrænsede brugerkonti
Interesseret i AI Admin Panel? Inkluder det i din projektforespørgsel.
