3D Cladding, een onderdeel van voestalpine Polynorm, heeft ervaring in automotive 3D plaatvormen en biedt unieke esthetische en technische mogelijkheden op het gebied van 3D gevels en façades. Voor deze klant hebben we een website ontwikkeld die fullscreen de portfolio laat zien en in verschillende lagen informatie geeft.

URL: www.3d-cladding.nl

Het ontwerp

De website www.3d-cladding.nl ziet er al op het eerste gezicht anders uit dan een doorsnee website. Je bezoekt niet gewone pagina’s maar op een dynamische interactieve manier kan je foto’s bekijken en informatie lezen. De interface is op maat ontworpen, en dient de doelgroep van architecten, constructeurs en aannemers. Met het grafisch ontwerp is rekening gehouden met de huisstijl van voestalpine Polynorm. Toch heeft de site zijn eigen eigentijdse uitstraling. Met betrekking tot het interactieve ontwerp is veel aandacht besteed aan beweging. De full screen foto’s passen zich vanzelf aan aan het browserformaat en volgen de muisbewegingen. Tekstkopjes komen dynamisch in met
‘mouseover’ en kunnen naar believen een plek krijgen op een geschikte en leesbare plek op de full screen foto. Indien er een onderwerp wordt gekozen krijgt de full screen foto een blur en wordt wat donkerder, dit maakt het beeld een stuk rustiger zodat de bezoeker zich goed kan focussen op de content.

Technieken

speciaal voor deze site zijn op maat gemaakte flash componenten gemaakt en is er o.a. voor het CMS (Content Management Systeem) en de SEO gebruik gemaakt van dynamische php pagina’s, javascript en een mysql Database die via XML met flash kan worden uitgelezen.

De front-end van 3d cladding

3d cladding maakt gebruikt van de nieuwste mogelijkheden op flash gebied. Er wordt gebruikt gemaakt van bovenstaande technieken, die samenwerken om de site tot een geheel te laten samensmelten. De site maakt gebruik van de relatief nieuwe methode die ‘SWF Addres’’ heet. Hiermee is het mogelijk om deeplinks in de site te gebruiken die direct door de URL worden aangestuurd. Dit wil zeggen dan als je bijvoorbeeld www.3d-cladding.nl/contact typt je direct op de contact pagina terecht komt. Dit heeft als bijkomend voordeel dat het ook mogelijk is gebruikt te maken van de volgende en vorige pagina buttons die boven in de web browser
staan. Dit was tot kort geleden met een flash website nog niet mogelijk. Nu is het voor google nog steeds niet goed mogelijk om in een flash pagina de teksten en afbeeldingen te doorzoeken, is opgelost door als het ware een achterliggende website
voor google te maken.

Voor deze pagina’s wordt uit dezelfde database als de flash frontpage de content geladen door middel van dynamische php pagina’s. Zo kan google geheel, net als bij een normale HTML pagina alle content doorzoeken. Wij zorgen ervoor dat deze links die door de gebruiker in google worden aangeklikt automatisch worden doorgelinkt naar de juiste pagina in de flash. Bijvoorbeeld bij het zoekresultaat www.3d-cladding.nl/contact wordt de gebruiker automatisch doorgelinkt naar de www.3d-cladding.nl/#/contact flash pagina waar precies
de informatie te vinden is waarop is gezocht.

De back-end het DMS (Design Management Systeem)

De 3d cladding website heeft een zgn. DMS. Dit is ons op maat gemaakte CMS en is geheel in de flash website geïntegreerd. Hiermee kan naast tekst en beeld ook de vormgeving van een site worden beheerd. Met een knoppen combinatie krijgt de gebruiker een scherm waar inlogt kan worden op het DMS. Het DMS is zo intuïtief mogelijk gemaakt zodat het toevoegen, wijzigen en verwijderen van content zo eenvoudig mogelijk is, een echte WYSIWYG (What You See Is What You Get) editor. Alle content en pagina’s die worden aangemaakt zijn hiermee aan te passen. De wijzigingen worden direct in de database opgeslagen. Niet alleen de teksten en afbeeldingen zijn in deze site te wijzigen ook is de positie van de “screen1” tekst heel eenvoudig aan te passen door deze op de gewenste plek te slepen.