ExpatLife Cambodja

Website Design ExpatLife Cambodja

Diversen • Mobielvriendelijk • SEO

Schermafbeeldingen

(klik op afbeeldingen voor grotere weergave)

ExpatLife is een nieuwe website waarop de voormalige Door-2-Door website wordt gecombineerd met actuele artikelen voor expats die in Phnom Penh wonen en werken.

De oude website van Door-2-Door was jaren geleden ontworpen. Het had niet alleen een erg gedateerde look & feel, de website werkte ook niet meer zoals bedoeld. Een totale vernieuwing was dus hard nodig. Dit was een kans om de nieuwe website te combineren met artikelen voor expats in Cambodja, die al in de gedrukte editie van de gids waren opgenomen. Vandaar de nieuwe naam: ExpatLife featuring Door-2-Door.

Bovenaan de startpagina staan de drie belangrijkste artikelen in een zogeheten ‘masonry’ lay-out met daaronder – in een gewone lay-out – drie andere (schermafbeelding 1). Bij het scrollen ziet een bezoeker een link naar een wedstrijd om maaltijdcoupons te winnen en links naar drie geselecteerde restaurantmenu’s. Let op hoe de rechterzijbalk (met een advertentie) op zijn plaats blijft. Verder blijft het hoofdmenu ook in beeld, maar verandert het vloeiend in een kleinere balk, een zogeheten ‘sticky menu’ (schermafbeelding 2).

Op de zoekpagina kan een bezoeker zoeken op trefwoorden: in de gehele website, of alleen in artikelen, restaurantprofielen of restaurantmenu’s. Wanneer een bezoeker de laatste optie selecteert, komt er een zoekfilter tevoorschijn met keuzes voor een bepaalde keuken. Datzelfde zoekfilter wordt weergegeven op de overzichtspagina van restaurantmenu’s (schermafbeelding 3).

Op de menupagina van een restaurant staan klikbare links van telefoonnummer(s), waardoor een bezoeker gemakkelijk rechtstreeks contact kan opnemen om eten te bestellen. Omdat ExpatLife geen online bestellingen aanbiedt, zijn daarnaast links opgenomen naar de pagina’s van het restaurant op online bestelsites in Cambodja (schermafbeelding 4). En natuurlijk bevat de menupagina ook een kaart met de exacte restaurantlocatie</ strong> (schermafbeelding 5).

We noemden de prijstrekking al: websitebezoekers kunnen een maaltijdcoupon winnen wanneer ze hun naam en e-mailadres invullen (schermafbeelding 6). Wanneer iemand zich aanmeldt voor de trekking, ontvangt de beheerder van de website een e-mail met de gegevens van de deelnemer. Deze gegevens worden ook opgeslagen in de administratie van de website. Zo heeft de beheerder een gemakkelijk overzicht van deelnemers. Het voorkomt bovendien dat mensen zich meerdere keren aanmelden met hetzelfde e-mailadres.

Op de overzichtspagina van ExpatLife-artikelen worden niet alle artikelen tegelijk geladen. Dat zou een te lange lijst worden. Maar door te klikken op de knop ‘Meer zien’ (schermafbeelding 7), wordt een volgende reeks artikelen getoond via Ajax (dit betekent: zonder dat de pagina ververst wordt).

En natuurlijk is de ExpatLife-website gemakkelijk te bekijken op mobiel, inclusief eenvoudige navigatie en zoeken via het mobiele menu (schermafbeelding 8).

Omdat dit een nieuw website-adres is dat de oude vervangt, hebben we ook zogeheten ‘re-directs’ gemaakt van de oude Door-2-Door website naar de nieuwe om indexering van zoekmachines te behouden. Dit is uiterst belangrijk: zonder dat zou een nieuwe website helemaal opnieuw moeten beginnen en alle indexering verliezen die in de loop der jaren in de diverse zoekmachines is opgebouwd.

Zie de website: ExpatLife Cambodja

Re-design Door-2-Door website ExpatLife Cambodia

Technieken & Functies

  • AJAX
  • Directory-systeem
  • HTML5
  • jQuery
  • Locatiekaart
  • masonry-stijl
  • Responsive
  • SSL-certificaat