01 / WEBUTVIKLING
Fotograf Anja
Et gjennomtenkt hjem på nett for en fotograf. Utviklet for å la bildene stå i sentrum.
Besøk nettsiden
Målet med prosjektet
Utvikle og vedlikeholde en nettside som presenterer fotografens arbeid tydelig og gjør det enkelt å ta kontakt. Arbeidet kombinerer responsiv utforming, bildegallerier og de praktiske behovene til en publisert bedriftsnettside.
Mitt bidrag
- Utviklet og vedlikeholdt nettsiden med Next.js, TypeScript og Tailwind CSS.
- Jobbet med responsiv utforming, porteføljegallerier og bildeoptimalisering.
- Forbedret SEO og ytelse, og jobbet med kontaktskjemaer og validering.
- Gjennomført sikkerhetsforbedringer som en del av vedlikeholdet.
- Publisert oppdateringer gjennom GitHub og Vercel.
Tekniske utfordringer og tilnærming
Fotografier på tvers av skjermstørrelser
En portefølje med mange bilder må balansere bildekvalitet og lastetid. Jeg jobbet med responsiv utforming og bildeoptimalisering. Den offentlige siden leverer bilder gjennom bildeoptimaliseringen i Next.js med responsive bildestørrelser, og bruker utsatt innlasting i deler av galleriet.
En tydelig vei fra bilder til kontakt
Kontaktskjemaet kombinerer nettleserkontroller med Zod-validering på serveren. Implementasjonen begrenser forespørselsstørrelse, validerer felter, behandler tekst trygt for HTML i e-post og viser suksess først etter en bekreftet respons. Dette tydeliggjør grensen mellom brukerinput og meldingslevering.
Vedlikehold av en publisert nettside
Nettsiden publiseres gjennom GitHub og Vercel. Metadata og kanoniske URL-er støtter synlighet i søk. Den gjennomgåtte koden har kontroll av forespørselens opphav, avgrenset inputhåndtering og kontrollerte feilsvar. Automatiserte regresjons- og sikkerhetsskript finnes, men ble ikke kjørt på nytt i denne gjennomgangen. Det oppgis ingen målte ytelsesgevinster.
Faglig utbytte
Arbeidet med en publisert nettside knytter grensesnittdesign til praktiske hensyn rundt bilder, tilgjengelighet, kontaktløsninger, ytelse og vedlikehold.
Prosjektets omfang
Utvikling og løpende vedlikehold av nettsiden. Skjermbildet og lenken viser den offentlige siden, som fortsatt oppdateres. Fotografiene tilhører Fotograf Anja. Privat kildekode og kontakthenvendelser er ikke inkludert.