TrailerHome by NIKITAS — Tosproget Website til en Producent af Mobilhjem
Overblik
NIKITAS COMPANY har siden 1977 bygget værkstedsudstyr og specialkonstruktioner i stål i Provatas ved Serres og har eksporteret siden 1981. TrailerHome er virksomhedens linje af mobilhjem: komplette små huse på et trailerchassis af stål med isolerede vægge og tag, vinduer, el, VVS, køkken og bad, leveret med lastbil og sat på plads med kran i Grækenland og i udlandet. De findes i tre linjer — Modern, Classic og Nature — eller tegnes helt fra bunden sammen med kunden. Sitet har tre opgaver: at vise udvalget klart, at skabe tillid til fabrikken bag det og at gøre interesse til et opkald eller en e-mail, for der er hverken webshop eller kontaktformular.
Græsk er standardsproget, og engelsk er en komplet anden udgave: de samme fjorten sider under de samme filnavne. Forsiden åbner med tre korte film, én for hver linje, der glider over i hinanden. Så kommer kendetegnet: Modern Lines facadetegning, optegnet efter et foto af den rigtige enhed, tegner sig selv streg for streg, mens man scroller, og giver derefter plads til fotoet. Hver linje har sin egen side med fotos, video og konstruktionsdetaljer, og en sammenligningstabel, en proces i fem trin, et filtrerbart galleri med rigtige enheder og leveringer, en tidslinje for virksomheden og en FAQ om størrelser, tilladelser og levering klarer resten. Fotos og videoer er lavet ud fra kundens eget arkiv, og intet foto vejer over 100 KB.
Udfordringer
Kunden havde stærkt materiale, men ingen tekster til nettet: et telefonarkiv med fotos og videoer, to brochurer, et visitkort og brochuren fra det gamle website. Det hele skulle sorteres i linjer, anvendelser og faser og skrives fra bunden på to sprog. Produktet lægger også op til lette løfter — ingen tilladelse nødvendig, klar på få uger, fast pris — som ikke altid holder, så hver sætning om tilladelser, størrelser, priser og leveringstider skulle være forsigtig uden at lyde undvigende. Og sitet skulle sælge uden webshop, prisliste eller kontaktformular og samtidig være hurtigt på en svag mobilforbindelse med et dusin videoer, fordi folk, der vælger en grund, ofte står på den.
Løsninger
Hver side skrives én gang som kildefil og bygges til begge sprog af et lille Python-script: fælles header, menu og footer, responsive billeder med deres rigtige mål, og firmaoplysningerne — telefonnumre, adresse, fabrikkens koordinater — samlet ét sted og skrevet derfra ind i de strukturerede data, kortlinket, sitemappet og en fuldtekstudgave til AI-assistenter. Før hver udrulning tjekker et script links, alt-tekster, overskriftsrækkefølge, canonicals, hreflang, strukturerede data og budgettet på 100 KB pr. billede. Animationerne kører på GSAP og ScrollTrigger og fejler sikkert: Hvis scriptet aldrig når frem, eller den besøgende foretrækker mindre bevægelse, vises alt bare. Content Security Policy tillader ingen inline-styles og låser det eneste inline-script fast med dets hash. Tilgængeligheden blev målt i browseren i stedet for at blive antaget — 4.954 tekstnoder på alle sider i mobil- og desktopbredde, uden en eneste fejl — og hver produkt- og leveringsvideo har en tekstbeskrivelse af, hvad den viser. Om tilladelser giver FAQ'en det ærlige svar: Det afhænger af brug, lokalplan og tilslutninger, så spørg en lokal ingeniør.
Galleri
En forside, der åbner med selve husene
Kendetegnet: en facadetegning, der tegner sig selv, mens du scroller
Én konstruktion, tre karakterer
Tre linjer sammenlignet i fem rækker
Hver linje har sin egen side, der åbner med film
Fem trin, én producent, ingen mellemmænd
Rigtige enheder og leveringer, filtreret efter linje eller fase
Ingen formular: ring, skriv eller kør til fabrikken
Heroen viser de tre linjer på skift, med en pauseknap
Classic Lines finish, vist på den rigtige enhed
Tegninger og 3D, før noget bliver skåret
Næsten et halvt århundrede med fremstilling, på én linje
De spørgsmål, folk stiller, før de ringer
Samme historie, bygget om til mobilen
En fuldskærmsmenu, der holder telefonnummeret inden for rækkevidde
På mobilen spiller tegningen én gang og bliver så liggende på fotoet
Hver linje præsenteret på ét kort
Skrevet til brugen, ikke kun til produktet
Syv filtre, der stadig passer til en tommelfinger
To numre og en e-mail, i skrift, man kan trykke på
