Case: website speciaal
voor de iPad

In opdracht van Mercedes-Benz Financial Services hebben wij een website speciaal voor de iPad ontwikkeld, die op de AutoRAI 2011 is gebruikt. Voor de modellen die op de beurs worden getoond kan met de iPad het tarief voor Mercedes-Benz Privilease, een financiering en/of een verzekering worden berekend. Daarna kan de bezoeker eenvoudig online een offerte aanvragen.

Het eerste idee

De uitgangspunten bij het realiseren van deze website waren dat het visueel uitdaagt en simpel is in gebruik. Beeld staat centraal en met een simpele veegbeweging over het scherm kan worden gebladerd door de verschillende modellen. Het is leuk om te doen en iedereen kan het!

Na het tikken op een van de 'Bereken uw tarief' knoppen bij een model, kunnen bijvoorbeeld de duur van de overeenkomst en de te rijden kilometers per jaar aan de wensen van de klant worden aangepast. Hij of zij kan daarna direct een offerte voor de desbetreffende dienst aanvragen.

Aandachtspunten voor de iPad

Alhoewel een iPad dezelfde resolutie (afmetingen van het scherm in pixels) heeft als het gemiddelde gewone beeldscherm, is het maken van een website voor de iPad verre van hetzelfde. Er is rekening gehouden met:

  • Rotatie van de iPad
    Wanneer de gebruiker de iPad roteert, draait de website mee en verandert de weergave dus van liggend in staand (of andersom). De website wordt in beide situaties goed getoond.
  • Navigatiebewegingen voor een iPad
    Denk aan: over het scherm vegen voor horizontaal/verticaal scrollen, dubbel tikken voor het inzoomen op een deel van de pagina, en vingers naar elkaar toe/van elkaar af bewegen voor uit- of inzoomen.
  • Geen muis
    Doordat er bij een iPad geen muis maar een vinger wordt gebruikt, is informatie die mouse-over wordt getoond op een andere manier op de website verwerkt.
  • Andere weergave
    Informatie is op een andere manier getoond: weinig - of soms helemaal geen - menu's ten opzichte van een reguliere website, ruimtelijkere indeling, meer beeld georiƫnteerd, grotere letters, duidelijk zichtbare links die goed aanraakbaar zijn en gebruiksvriendelijke formulieren aangezien typen minder prettig is.
  • Technische randvoorwaarden
    Flash wordt op een iPad bijvoorbeeld niet ondersteund.

Nieuwsgierig?

Bekijk de website (bij voorkeur met een iPad natuurlijk) of bekijk meer voorbeelden van ons werk.

iPad tijdens de AutoRAI

iPad tijdens de AutoRAI

iPad tijdens de AutoRAI