Interactive Studios Blog

Interactive Studios
Interactive blog voorpagina InteractiveStudios.nl Contact

donderdag 11 november 2010

Case study: PictureThis

Afgelopen week hebben we weer een nieuwe website gelanceerd waar we ontzettend trots op zijn: PictureThis. Naast dat de website technisch goed in elkaar steekt zijn we van mening dat de website PictureThis goed presenteert en mee helpt aan het bereiken van de doelen.

PictureThis logo

Doelen bereiken

PictureThis is een evenementenbureau wat zich richt op het top segment in de markt. Ze willen fotowaardige momenten creëren die blijven hangen bij de bezoekers. Fotografie is dus heel belangrijk op de website, net als de sfeer die PictureThis verzorgt.

Aan fotografie is dus veel ruimte besteed. Veel fotografie wordt over de gehele breedte van de website getoond. De foto's bepalen samen met de achtergrond ook de sfeer op de website.

PictureThis website, bovenkant van de homepage

De structuur van de website is bewust simpel gehouden. Een goed voorbeeld is de cases pagina. In plaats van iedere case zijn eigen pagina te geven hebben we alle cases op één pagina geplaatst. Het is dan simpelweg een kwestie van scrollen waardoor je snel een goede indruk krijgt van wat PictureThis voor je kan betekenen.

Tekstueel gezien is de inhoud ook zo minimaal mogelijk gehouden. Paragrafen zijn kort en worden nooit breder dan 2/3de van de pagina. Hierdoor is de tekst, en dus de informatie, makkelijk tot je te nemen.

Op iedere pagina worden duidelijk de contactmogelijkheden aangegeven. Een van de opties (alleen tijdens kantooruren) is het chatten met een van de medewerkers. Deze functie hebben we speciaal voor PictureThis gebouwd. Deze functie geeft, naast direct bellen of het contactformulier invullen, iedereen makkelijk de mogelijkheid om met PictureThis contact op te nemen.

Techniek

PictureThis is opgemaakt in HTML5 en gebruikt CSS3 voor een aantal kleine visuele verbeteringen mocht je een browser hebben die de opties benut.

De carrousel en tekstanimatie op de homepage is volledig gemaakt met jQuery. Hierdoor is deze ook op apparaten zonder Flash (zoals een iPad) te zien.

HTML5 kunnen we nog niet volledig benutten, maar we hebben al wel de nieuwe opmaak tags gebruikt. Dankzij deze nieuwe technieken is het contactformulier makkelijker in te vullen op slimme touchscreen apparaten. Probeer maar eens met je iPhone of iPad het formulier in te vullen. Op het moment dat om je e-mailadres gevraagd wordt verandert het onscreen keyboard.

PictureThis icoon op iPhone beginscherm en een e-mailadres invullen in het contact formulier met het software toetsenbord.

Op dezelfde apparaten kun je overigens ook de website als icoontje toevoegen aan je "Beginscherm". Daarvoor hebben we een mooi icoon op hoge resolutie verzorgd.

Op de teampagina staan de contactgegevens van alle teamleden opgemaakt als vCard. Dat betekent dat bezoekers in de toekomst makkelijk de contactgegevens van een medewerker in hun adresboek kunnen plaatsen. Op dit moment kan dat al via browser plug-ins, maar ook zoekmachines maken gebruik van deze techniek.

Content Management

Wat we ook zeker niet mogen vergeten is dat PictureThis.nl als een van de eerste websites draait op ons nieuwe Content Management Systeem. Hierdoor is het werken met afbeeldingen veel makkelijker, omdat je geen rekening meer hoeft te houden met resoluties.

Ook gaat het nieuwe CMS veel flexibeler met pagina indelingen om. Daardoor is het makkelijker voor ons als ontwikkelaars om afwijkende pagina layouts te maken zodat de layout de inhoud beter kan ondersteunen.

Het nieuwe CMS zorgt er ook voor dat de website beter wordt opgenomen in zoekmachines. Automatisch worden er mooie pagina URL's aangemaakt, net als een sitemap.xml bestand. Per pagina zijn de omschrijving en keywords in te stellen.


Om in herhaling te vallen; We zijn zelf super tevreden over deze website!
Gepost door Paul op 15:07

Geen opmerkingen:

Een reactie posten

Nieuwere post Oudere post Homepage
Abonneren op: Reacties posten (Atom)

Volg ons via RSS

Posts
Atom
Posts
Reacties
Atom
Reacties

Blogarchief

  • januari (5)
  • februari (13)
  • maart (15)
  • april (15)
  • mei (14)
  • juni (17)
  • juli (7)
  • augustus (5)
  • september (4)
  • oktober (2)
  • november (4)
  • december (1)
  • februari (1)
  • april (1)
  • juli (4)
  • augustus (1)

Twitter

Volg ons op Twitter
@interactive_nl


Flickr photostream

Ga direct naar
Leren en Werken registratiesysteem Online samenwerking Webshop met iDeal betalingen Online studentenonderzoek Online uren registratie Online project management Leren en werken urenregistratie Online samenwerken
Producten
Interactive Content Manager Interactive Interviewer Online samenwerking: Interactive Project Interactive Webshop Interactive Mailinglist Interactive CRM Interactive Intranet / Extranet Interactive FAQ
Diensten
Custom software Vormgeving Flash Zoekmachine optimalisatie (SEO) Huisstijl en concept Tekstontwerp
Contact
Interactive Studios BV
Reitscheweg 37
5232 BX 's-Hertogenbosch

T: 073 6446069
E: info@interactivestudios.nl
Twitter: @interactive_nl