Website Ontwikkeling Bedrijvengids
Diversen • Mobielvriendelijk • Toerisme
Schermafbeeldingen
Cambodia Pocket Guide is de digitale versie van handige gidsen op pocketformaat voor de steden Phnom Penh en Siem Reap. Daarin staan lijsten met restaurants, cafés, bars, sportclubs enz., inclusief hun locatie op een plattegrond.
Op de startpagina staat een afbeelding op volledig scherm met zoekopties (schermafbeelding 1). De meest prominente is een zoekwoordenopdracht, maar eronder zijn knoppen om het zoeken te verfijnen op categorie, stad, of afstand van de huidige locatie van de bezoeker.
Bij het scrollen naar beneden (schermafbeelding 2), ziet een bezoeker pictogrammen om direct naar een zoekopdracht voor een bepaalde categorie te gaan. Hieronder staan bedrijfslogo’s van de nieuwste vermeldingen, georganiseerd op categorie in ‘tabbladen‘. Daaronder zijn de nieuwste artikelen met meer diepgaande informatie over verschillende onderwerpen in een ‘carrousel’ (klikken op de pijlen doorloopt alle artikelen).
Dit is een ‘zware’ startpagina (denk aan alle logo’s en artikelafbeeldingen die moeten worden geladen), maar CamboDesign is erin geslaagd de website snel te vertonen, zelfs op mobiele apparaten.
Het zoekresultaat vertoont in eerste instantie een kaart met alle bedrijven. Zoals je kunt zien op schermafbeelding 3, zijn veel vermeldingen ‘gecombineerd’, en wordt slechts aangegeven hoeveel er op die locatie bestaan. Dit is om te voorkomen dat de kaart wordt overladen met pictogrammen. Door op zo’n ‘nummerpictogram’ te klikken, zoom je in op de kaart en zie je de afzonderlijke vermeldingen. Je kunt ook de pictogrammen (en de kleur) zien die een bepaalde categorie vertegenwoordigen (‘dineren’, ‘winkelen’, ‘reizen’, enzovoort).
Een individuele vermelding (schermafbeelding 4) toont het bedrijfslogo, een beschrijving van het bedrijf, openingstijden, soms een extra afbeelding, contactgegevens en natuurlijk de exacte locatie op de kaart. Het toont ook een knop om direct contact op te nemen met het bedrijf via een pop-upformulier.
Verder is er een knop voor een routebeschrijving. Er verschijnt dan een eenvoudig formulier om het startadres in te vullen (dat kan ook automatisch door op ‘Mijn Locatie’ te klikken), waarna een gedetailleerde routekaart en -beschrijving worden getoond (schermafbeelding 5). Waar veel websites deze service aanbieden op een aparte Google Maps-pagina (en de bezoeker de website zou verlaten), biedt Cambodia Pocket Guide de service op de pagina zelf. Met andere woorden: de bezoeker blijft op de website, erg belangrijk!
Aangezien de site locatiegegevens van bezoekers gebruikt heeft die een zogeheten SSL-certificaat, wat betekent dat elke gegevensoverdracht tussen bezoeker en website is gecodeerd. Dat is niet alleen om privé-gegevens te beschermen, maar ook omdat Google inmiddels ELKE website met SSL-bescherming hoger waardeert dan een ‘onveilige’ website.
Omdat veel toeristen en andere gebruikers de website vooral op mobiele apparaten (zoals smartphones) zullen raadplegen is die gebouwd volgens het ‘mobile first‘-principe. Cambodia Pocket Guide is zeer eenvoudig (en snel!) te bekijken op mobieltjes. Zie schermafbeelding 7.
Bezoek de website: cambodiapocketguide.com
Technieken & Functies
- AJAX
- CSS3
- Directory-systeem
- Geavanceerde zoekopties
- HTML5
- jQuery
- Locatiekaart
- masonry-stijl
- Nieuwsbrief
- Responsive