Mpampetas & Sønner — Landbrugstjenester
Overblik
Jeg designede og udviklede en tosproget (græsk/engelsk) statisk hjemmeside for Mpampetas & Sønner, en familieejet landbrugsservicevirksomhed grundlagt i 2015 i Katerini, Pieria. Virksomheden specialiserer sig i landbrugsoperationer og vegetationsrydning af solcelleparker. Sitet har en scroll-spy-navigation, en udstyrspræsentation med deres John Deere 5075GL-traktor og 12 specialiserede redskaber, et filtrerbart galleri med 19 fotos og 7 videoer med lightbox-understøttelse og en kontaktsektion. Jeg byggede projektet med ren HTML5, CSS3 med custom properties og et John Deere-inspireret farvesystem samt vanilla JavaScript. Sitet inkluderer JSON-LD LocalBusiness-skema, fuld tosproget understøttelse og IntersectionObserver-drevne scrollanimationer.
Udfordringer
At præsentere tungt maskineri og landbrugstjenester professionelt, samtidig med at sitet holdes hurtigt og tilgængeligt som en statisk build uden afhængigheder.
Løsninger
Brugte CSS custom properties til et sammenhængende John Deere-farvesystem, IntersectionObserver til performante scrollanimationer og et filtrerbart galleri med video-lightbox — alt uden framework eller build-værktøj.
Galleri
Forside — Markarbejde og solcelleparker, begge nævnt i første linje
Topbjælke på tablet — Telefon og adresse bliver, menuen foldes ind i én knap
Topbjælke på mobilen — Telefonnummeret bliver, ét tryk fra et opkald
