Avduyev Surveys
Fig. 1.1De homepage op desktop
- 01
Taalwissel tussen Nederlands en Engels. Elke Engelse tekst is afgeleid van de Nederlandse bron.
- 02
Annotaties in de scène bij de commandobrug, de dekbelading en de diepgangsmerken, zoals een surveyor het schip bekijkt.
- 03
Een procedureel opgebouwde 3D-scène van de haven, gewoon in de browser.
- 04
Een monospace voor technische gegevens.
Website voor een onafhankelijke maritieme surveyor in de havens van Gent, Antwerpen, Zeebrugge en Vlissingen. Een scrollverhaal met 3D-havenscènes en een kaart van het Schelde-estuarium.
- Avduyev Surveys
- Maritieme expertise
- Website
- Nederlands en Engels
- Opgeleverd
Uitdaging
De site moest het werkterrein van een onafhankelijke surveyor helder in beeld brengen: in welke havens hij werkt, welke opdrachten hij uitvoert en wie er achter het werk staat. Nederlands is de hoofdtaal, Engels een volwaardige tweede taal.
Aanpak
Ik bouwde de site rond een scrollverhaal. Procedureel opgebouwde 3D-scènes van havens en een nauwkeurige kaart van het Schelde-estuarium tonen waar het bedrijf actief is. Elke Engelse tekst is afgeleid van de Nederlandse bron, zodat beide talen inhoudelijk gelijk blijven.
Resultaat
Een tweetalige website die op desktop en mobiel even vloeiend aanvoelt. Na oplevering zijn de volledige website en de code overgedragen aan de opdrachtgever.
Fig. 1.2Sectie Werkgebied: vier havens met hun coördinaten, naast een 3D-kaart van het Schelde-estuarium met Zeebrugge, Vlissingen, Gent en Antwerpen.
- 01
Vier havens met hun coördinaten.
- 02
Een kaart van het Schelde-estuarium die zich bij het scrollen intekent, met de verbindingen tussen de havens.
Fig. 1.3Sectie over droge bulklading met een 3D-scène van een bulkschip aan de kade.
Fig. 1.4Afsluitende contactsectie met adres, btw-nummer en e-mailadres over een 3D-havenscène. Daarover de homepage op een telefoon, 390 pixels breed.
Functionaliteiten
- 01
Scrollgestuurde 3D-scènes van havens en ladingtypes
- 02
Kaart van het Schelde-estuarium met Gent, Antwerpen, Zeebrugge en Vlissingen
- 03
Taalwissel tussen Nederlands en Engels
- 04
Kwaliteitsniveaus op basis van de grafische kaart, met een terugvaloptie voor toestellen zonder GPU-versnelling
- 05
Stapnavigatie met aanraakbediening op mobiel en vooraf geladen scènes tegen haperingen
