Webdesign B2B Portaal en Bedrijvengids

Diversen • Mobielvriendelijk

Schermafbeeldingen

(klik op de afbeeldingen voor grote weergave)

B2B Cambodja is een halfjaarlijks gepubliceerd zakenmagazine en een websiteportaal met veel informatie (interviews met experts, artikelen over bedrijfsgerelateerde onderwerpen, problemen en trends en een uitgebreid nieuwsarchief) over zakendoen in Cambodja.

De website had een revisie nodig, omdat het ontwerp verouderd was en – heel belangrijk – het gebruik op mobiele apparaten vrijwel onmogelijk was. Voor de nieuwe website is een commercieel WordPress-thema gekocht. Dat klinkt gemakkelijk: verander gewoon een paar kleuren, voeg het logo in, werk de inhoud bij en klaar, toch? Fout!

Hoewel er niet veel te doen was op het gebied van ontwerp (behalve inderdaad kleuren, lettertypen en logo’s), was dit een vrij groot project. Niet in de laatste plaats omdat de oude website op maat was gecodeerd door een vorige ontwikkelaar, waardoor het een uitdaging was om alle bestaande inhoud over te zetten naar het nieuwe thema. Een andere uitdaging was de gebrekkige ondersteuning van dit thema voor zogeheten ‘custom post types’. We moesten behoorlijk wat code veranderen om het naar wens te laten werken. Maar we zullen je niet vervelen met technische details. Laten we het uiterlijk van de website eens bekijken.

De startpagina heeft bovenaan een raster waarin de nieuwste ‘Uitgelichte’ artikelen verschijnen. Daaronder zijn ‘blokken’ met inhoud uit de secties ‘Artikelen’, ‘Nieuws’ en ‘Bedrijvenlijst’. Een bezoeker kan subcategorieën selecteren of door items scrollen via ‘AJAX‘, wat betekent dat het allemaal gebeurt zonder de pagina te verversen.

Onder het menu-item ‘Artikelen’ is een zogenaamd mega-menu (screenshot 2) waar bezoekers ook door artikelen in verschillende secties kunnen scrollen. In het linker blokje staan directe links naar de hoofdcategorieën. Dit is een van de onderdelen waar we op maat hebben gecodeerd om het naar wens te laten werken.

De website bevat een grote bedrijvengids (screenshot 3) met een reeks zoekopties (per categorie, locatie, trefwoord, datum, titel en beoordeling). Het bevat ook een optie om te zoeken binnen een straal van de huidige locatie van de bezoeker. Sommige bedrijven worden op afzonderlijke pagina’s uitvoeriger beschreven, aangevuld met inhoud uit de bedrijvenlijst (screenshot 4).

Bij het lezen van een artikel zijn in de rechterzijbalk suggesties voor verder lezen (‘Gerelateerde artikelen’) en advertenties. Bij het omlaag scrollen blijven deze suggesties en advertenties op hun plaats! Maximale exposure dus. Zie screenshot 5.

En natuurlijk past de nieuwe B2B-website zich automatisch aan schermafmetingen aan en is deze geoptimaliseerd voor mobiele apparaten (screenshot 6), met een gemakkelijk mobiel menu.

b2b-cambodia.com

Website Design B2B Portal Cambodia

Technieken & Functies

  • AJAX
  • CSS3
  • Directory-systeem
  • Evenementenkalender
  • Geavanceerde zoekopties
  • HTML5
  • jQuery
  • Locatiekaart
  • Nieuwsbrief