De opdracht
Denise wilde een website waarmee ze kan laten zien wat ze maakt. De aandacht moet dan ook liggen op de foto’s, niet op de website zelf. Desondanks moet de website een actieve beleving geven. Middels een blog wil Denise de bezoekers van haar site een kijkje geven in haar werk en hen op de hoogte houden van de laatste ontwikkelingen.
De doelstelling
De website richt zich op redacteurs van modebladen en moet voor deze bladen als showcase dienen. De website moet passen bij de hoge kwaliteit van het werk van Denise. Het is belangrijk dat bezoekers makkelijk door de website kunnen navigeren en foto’s kunnen bekijken.
Het ontwerp
Het ontwerp van de nieuwe website is van de hand van Lars de Beer. De rustige achtergrond zorgt ervoor dat de aandacht volledig naar de foto’s op de website wordt getrokken. Om de site een actieve beleving te geven hebben we de site op veel plaatsen gevuld met animaties. Er zijn maar weinig websites waar animaties echt iets bijdragen aan de inhoud. Deze website is een uitzondering op de regel. De animaties geven de website een actieve beleving zonder dat de foto’s de aandacht verliezen.
Het Resultaat
Als je de website bezoekt dan krijg je een animatie te zien met een selectie van enkele foto’s. Vervolgens opent de website met een stijlvolle animatie. Direct valt op hoe rustig en eenvoudig de website oogt. Via het menu zijn de verschillende fotoseries en het blog te bereiken. In de fotoalbums valt direct op hoe de foto’s van het scherm spatten dankzij het duidelijke contrast met de achtergrond.
Vindbaarheid
Zoekmachine vriendelijkheid staat bij ons hoog in het vaandel. Ons CMS, de Webmagiër is zo gebouwd dat onze website zo goed mogelijk te lezen zijn door zoekmachine’s. Voor deze website zijn we nog een stapje verder gegaan. Teksten worden automatisch geoptimaliseerd om een zo eenduidig mogelijk beeld te geven voor zoekmachine’s. Daarnaast zijn alle animaties volledig gemaakt met pure HTML, CSS en Javascript. Dit zorgt ervoor dat in tegenstelling tot flash, de teksten én foto's goed door zoekmachines kunnen worden geïndexeerd. Denise hoeft in principe alleen een goede naam te geven aan haar foto's en de website optimaliseert zichzelf. Zo wordt de website goed gevonden op namen van (bekende) personen die ze heeft gefotografeerd, op namen van magazines al dan niet in combinatie met de naam van de fotoshoot. Op deze manier kunnen potentiele opdrachtgevers haar werk eenvoudig terugvinden en contact opnemen met Denise. Bekijk een aantal voorbeelden van zoekopdrachten:
- http://www.google.nl/search?q=sylvia+hoeks+grazia
- http://www.google.nl/search?q=chantal+janzen+portret
- http://www.google.nl/search?q=cosmogirl+barbie's+world
De screenshot hieronder tonen de website, maar voor een echte beleving van de animaties kun je het beste de website zelf bekijken.
