Voorpagina

Bij binnenkomst valt je oog al meteen op een hele grote kopafbeelding.

Scroll je naar beneden, dan zie je deze afbeelding een beetje meebewegen.
Dit is het zogenaamde parallax effect.

Je kan zelf bepalen welke afbeelding je wilt gebruiken (let je wel op de auteursrechten?)

De kleur van de titel en de “knop” daaronder zijn ook zelf te bepalen.
Meestal maak je hier gebruik van je huisstijl kleuren.

Menu en Social Media balk

Scroll je een stukje naar beneden, dan zie je een hele rits social media icoontjes staan.
Het icoontje is alleen zichtbaar als er ook daadwerkelijk een social media account achter zit.
De icoontjes die hier te zien zijn, zijn mogelijk om in te stellen.

Ook valt op dat de horizontale menubalk is veranderd en zich boven aan de pagina heeft verankerd.
Dit is ook een nieuwigheid in webdesign land.

Daaronder zie je een horizontale balk waarin je nog extra informatie kwijt kan.

Speerpunten

Het volgende gedeelte kan je gebruiken om de speerpunten van je bedrijf uit te lichten.
Zodat de bezoeker in een oogopslag ziet wat je te bieden hebt.

Weblog

Vervolgens ziet de bezoeker de drie laatste berichten die op het webloggedeelte zijn gepubliceerd.

Elk bericht heeft de mogelijkheid om een uitgelichte afbeelding te gebruiken.
Deze afbeelding zie je terug in het weblog overzicht en boven elk afzonderlijk bericht.
Hiermee kan je ook meteen je website een bepaalde uitstraling geven.

Call to Action

Een horizontale balk met een Call to Action knop erop om de bezoekers tot actie te verleiden.

Daaronder wederom een paginabrede afbeelding met de mogelijkheid daar nog teksten en knoppen op te plaatsen.
Om ervoor te zorgen dat ze je social media kanalen niet vergeten, kan er nogmaals een social media balk geplaatst worden.
Deze kan echter ook gewoon uitgeschakeld worden.

De voetbalk

Het onderste gedeelte kan gebruikt worden voor de contactgegevens.
De bezoeker hoeft dan niet lang te zoeken en kan meteen actie ondernemen.

Responsive design

Tegenwoordig hebben alle websites een zogenaamde responsive design.
Dat betekent dat de websites op alle devices goed weergegeven worden.
Dus ongeacht of je met een smartphone, tablet of laptop kijkt, het ontwerp blijft mooi duidelijk en helder.

Menu

Bij dit responsive design verschijnen er 3 horizontale streepjes voor het menu (als je met mobiel of tablet kijkt).
Klik je daarop dan krijg je het naastgelegen menu te zien.

Live voorbeeld

Voorpagina

Bij binnenkomst valt je oog al meteen op een hele grote kopafbeelding.

Scroll je naar beneden, dan zie je deze afbeelding een beetje meebewegen.
Dit is het zogenaamde parallax effect.

Je kan zelf bepalen welke afbeelding je wilt gebruiken (let je wel op de auteursrechten?)

De kleur van de titel en de “knop” daaronder zijn ook zelf te bepalen.
Meestal maak je hier gebruik van je huisstijl kleuren.

Menu en Social Media balk

Scroll je een stukje naar beneden, dan zie je een hele rits social media icoontjes staan.
Het icoontje is alleen zichtbaar als er ook daadwerkelijk een social media account achter zit.
De icoontjes die hier te zien zijn, zijn mogelijk om in te stellen.

Ook valt op dat de horizontale menubalk is veranderd en zich boven aan de pagina heeft verankerd.
Dit is ook een nieuwigheid in webdesign land.

Daaronder zie je een horizontale balk waarin je nog extra informatie kwijt kan.

Weblog

Vervolgens ziet de bezoeker de drie laatste berichten die op het webloggedeelte zijn gepubliceerd.

Elk bericht heeft de mogelijkheid om een uitgelichte afbeelding te gebruiken.
Deze afbeelding zie je terug in het weblog overzicht en boven elk afzonderlijk bericht.
Hiermee kan je ook meteen je website een bepaalde uitstraling geven.

Voorstellen team

In dit voorbeeld is een teamgedeelte ingeschakeld (dat natuurlijk ook uitgeschakeld kan worden).

Zo kunnen de bezoekers meteen het gezicht achter een bepaald bedrijfsonderdeel zien.

De social media icoontjes eronder zorgen ervoor dat de bezoekers contact kunnen opnemen.

Call to Action en de voetbalk

Onder het teamgedeelte een paginabrede afbeelding met de mogelijkheid nog teksten en een knop op te plaatsen.
Om ervoor te zorgen dat ze je social media kanalen niet vergeten, kan er nogmaals een social media balk geplaatst worden.
Deze kan echter ook gewoon uitgeschakeld worden.

Zoals je ziet is hier het contactgegevens gedeelte uitgeschakeld en niet zichtbaar.

Responsive design

Tegenwoordig hebben alle websites een zogenaamde responsive design.
Dat betekent dat de websites op alle devices goed weergegeven worden.
Dus ongeacht of je met een smartphone, tablet of laptop kijkt, het ontwerp blijft mooi duidelijk en helder.

Menu

Bij dit responsive design verschijnen er 3 horizontale streepjes voor het menu (als je met mobiel of tablet kijkt).
Klik je daarop dan krijg je het naastgelegen menu te zien.

Live voorbeeld

Voorpagina en social media balk

Bij binnenkomst valt je oog al meteen op de afbeeldingen die weergegeven worden op een “Pinterest” manier.

Ze zijn eenvoudig toe te voegen en aanklikbaar.
Bij het aanklikken wordt de afbeelding geanimeerd weergegeven in een “Lightbox”.

Daarnaast zie je aan de rechterbovenkant de mogelijke social media icoontjes.
De icoontjes zijn alleen zichtbaar als er ook daadwerkelijk een social media account achter zit.

Responsive menu

Het menu is al meteen een menu zoals je het via je tablet of smartphone zou zien.

Door te klikken op de drie streepjes krijg je netjes het menu te zien.

Bekijk meer en Neem contact met ons op

Achter de Bekijk meer knop kan je een pagina hangen.
In het Live voorbeeld zie je dan een pagina waarin meteen de mogelijke afbeelding presentaties (gallerie, caroussel en slider) te zien zijn.

De knop Neem contact met ons op, is een call to action knop.
In dit geval verwijzen we naar de contact pagina, maar dat kan ook een andere pagina zijn. Ook is een andere tekst mogelijk.

Weblog

Vervolgens ziet de bezoeker de drie laatste berichten die op het webloggedeelte zijn gepubliceerd.

Elk bericht heeft de mogelijkheid om een uitgelichte afbeelding te gebruiken.
Deze afbeelding zie je terug in het weblog overzicht en boven elk afzonderlijk bericht.
Hiermee kan je ook meteen je website een bepaalde uitstraling geven.

Live voorbeeld