Schermafbeeldingen
Yong Yap is een makelaar in Phnom Penh die een website wilde om zich te onderscheiden van andere huizenmakelaars in Cambodja. De homepage (schermafbeelding 1) is daarom simpel gehouden en bevat slechts enkele elementen: uiteraard een zoekformulier met daarnaast een diashow van het meest recente toegevoegde onroerend goed. Daaronder alleen grote knoppen die een bezoeker direct naar de categorie ‘Huren’ of ‘Kopen’ brengt.
De categorie pagina toont een overzicht van de beschikbare huizen, gesorteerd op datum (meest recent eerst). De bezoeker kan de sortering veranderen: op prijs of op titel (schermafbeelding 2).
Op de detailpagina (schermafbeelding 3) springt de grote foto in het oog met daaronder mini-afbeeldingen om die te veranderen. Aan de rechterkant staat een minikaartje van Phnom Penh, ingezoomd op de buurt waar het onroerend goed zich bevindt. Dit gebeurt automatisch via een zogeheten kml-bestand.
(U mist waarschijnlijk de exacte locatie op een plattegrond. Die is gemakkelijk toe te voegen, maar in Cambodja zijn makelaars daar niet happig op, omdat ze bang zijn dat de concurrentie de eigenaar van het betreffende onroerend goed zal benaderen. Het werkt hier wat anders dan in Nederland…)
Op de overzichtspagina ziet u links met de titel ‘Compare‘. Bezoekers kunnen twee objecten kiezen, waarna ze die met elkaar kunnen vergelijken. De kenmerken van de huizen worden netjes, naast elkaar, gepresenteerd (schermafbeelding 4).
De link ‘Search by Location’ brengt een bezoeker bij een plattegrond van Phnom Penh met de verschillende buurten van de Cambodjaanse hoofdstad eroverheen gelegd ( schermafbeelding 5). Dit is gedaan met zogeheten Keyhole Markup Language. Nadat een bezoeker heeft geklikt op de naam van een buurt, zoomt de plattegrond in naar het betreffende district en verschijnt er een link naar het onroerend goed in de betreffende wijk (schermafbeelding 6).
Zie de website: www.yongyap.com
Technieken & Functies
- CSS3
- Geavanceerde zoekopties
- HTML5
- HTML5
- jQuery
- jQuery
- Locatiekaart
- Productvergelijking