PiP Training | Nederland

Website design PiP Training | Nederland

DiversenMobielvriendelijk

Klik op de plaatjes hierboven voor een grotere afbeelding

PiP is de afkorting van “Progressie in Professie”, het bedrijf van de Nederlandse trainer/coach Mayke Heitling. Zij richt zich voornamelijk op het trainen van professionals in de financiële dienstverlening.

Net als de website Miep4Capacity bestaat Mayke’s site uit ‘schuivende panelen’, maar toch is dit ontwerp totaal anders. De landingspagina bestaat uit slechts één paneel met een, schermvullende, blauwe achtergrond met gloeilampen (om aan te geven dat haar trainingen je tot nieuwe inzichten brengen). Zie schermafbeelding 1. Na een klik op een menulink schuift een tweede paneel open (afwisselend naar de linker- en rechterkant van het scherm).

De pagina “Over Mij” is in de vorm van vragen en antwoorden. Dit is een zogeheten accordeon: met een klik op de vraag opent het antwoord eronder. Je hoeft bovendien niet op elke afzonderlijke vraag te klikken; elk antwoord heeft een ‘Verder’ link waarmee het huidige antwoord sluit en het volgende zich opent (schermafbeelding 2).

Het rooster met bedrijfslogo’s op de pagina “Referenties” geeft aan dat Mayke over een ruime ervaring beschikt en voor gerenommeerde bedrijven werkt of heeft gewerkt. Onder de logo’s staat een zogenoemde ‘slider’ met aanbevelingen (schermafbeelding 3).

Op de pagina “trainingen” staan alleen introducties van de verschillende trainingprogramma’s. Met een klik opent zich een zogeheten pop-upscherm met uitgebreidere informatie en een overzicht van de resultaten die met de betreffende training geboekt kunnen worden (schermafbeelding 4).

Natuurlijk heeft deze website ook een contactpagina: simpel maar stijlvol, inclusief een contactformulier (schermafbeelding 5). Om het gebruikers makkelijk te maken is het telefoonnummer (op mobieltjes) aanklikbaar. Deze website is volledig gestuurd door het zogenoemde AJAX (Asynchronous JavaScript and XML), wat betekent dat je nooit de pagina verlaat, maar de inhoud op dezelfde pagina ververst.

Zoals bij al onze ontwerpen past ook de website van PiP Training zich automatisch aan aan de schermgrootte. Daardoor is deze website uitstekend te bekijken op alle apparaten, inclusief mobiele telefoons (schermafbeelding 6).

piptraining.nl

PiP Training | Nederland

Technieken & Functies

  •  • AJAX
  •  • CSS3
  •  • HTML5
  •  • jQuery
  •  • Slider