Webdesign Opties: Demopagina

Bent u op zoek naar de perfecte webdesign optie voor uw website? Maar vindt u het moeilijk om u voor te stellen hoe deze eruit zou zien?
Geen zorgen, wij hebben de oplossing voor u!

Onze webpagina bevat verschillende geïmplementeerde webdesign-opties, zodat u een beter idee kunt krijgen van wat er mogelijk is. Onze webdesign opties bieden oneindig veel mogelijkheden als het gaat om layout en werking. Hoewel u op onze webpagina slechts een klein deel van de mogelijkheden kunt zien, verzekeren wij u dat we de perfecte webdesign-optie voor uw specifieke behoeften kunnen creëren.

Heeft u vragen over deze webdesign opties?

Aarzel dan niet om ons te contacteren. Wij helpen u graag verder!

contacteer ons vrijblijvend

Slideshow

Wat is een slideshow?

Een slideshow, ook wel diashow genoemd, is een reeks afbeeldingen (met of zonder tekst) die automatisch afgespeeld wordt of handmatig kan worden bediend met behulp van pijltjes. De grootte van de slideshow kan worden aangepast om slechts een deel van het scherm in te nemen of om het volledige scherm te bedekken.
Tegenwoordig zien we vooral bij moderne websites homepagina's waarbij de slideshow het volledige scherm beslaat.

De animatie van de ene naar de andere afbeelding wordt "overgang" genoemd. Er zijn verschillende overgangen beschikbaar, maar de geselecteerde overgang geldt voor alle afbeeldingen in de slideshow.

Overgangen

  • Van links naar rechts
  • Van rechts naar links
  • Van boven naar onder
  • Van onder naar boven
  • Fade: De volgende slide komt geleidelijke aan tevoorschijn terwijl de vorige slide geleidelijk aan verdwijnt.

Snelheid

De snelheid van de overgang en de tijd dat elke slide wordt weergegeven kunnen wij instellen. Het is wel belangrijk om te weten dat deze instellingen van toepassing zijn op alle slides in de slideshow.

Uw voordeel

Een diavoorstelling op uw website laat uw belangrijkste diensten opvallen en trekt de aandacht van uw bezoekers.
Als u belangrijke promoties of mededelingen wilt benadrukken, is het integreren van een diavoorstelling zeker de moeite waard.

Op een slide is er een knop aanwezig waarmee u uw websitebezoekers eenvoudig naar de gewenste pagina kunt leiden, zoals uw contactpagina of de pagina van uw webshop.

Door dit gebruiksgemak te bieden, vergroot u sterk de kans op extra verkoop of opdrachten!

Fotofunctie

Wat is een fotofunctie?

Met een fotofunctie kunt u specifieke foto's klikbaar maken. Hierbij wordt de grotere versie van de foto pas geladen en getoond wanneer erop wordt geklikt. Deze functie vereist een eenmalige betaling en kan worden geactiveerd voor geselecteerde foto's op uw hele website.

Op de 3 bovenstaande foto's is de fotofunctie toegepast.
Benieuwd hoe het werkt? Klik eens op 1 van de foto's!

Kenmerken van een fotofunctie?

  • Pas als u op een foto klikt, wordt de grote foto geladen en getoond.
  • De snelheid van de website wordt niet beïnvloedt door de fotofunctie.
  • De ruimte rondom de vergrootte foto wordt automatisch donkerder gemaakt.
  • Pijltjes maken het handig om naar de vorige of volgende foto over te gaan.
  • Elke foto kan voorzien worden van een kleine beschrijving.

Uw voordeel

Met deze functie kunt u specifieke foto's in detail weergeven op uw website, wat vooral handig is voor bijvoorbeeld schilderijen, meubels en andere specifieke realisaties waarbij een vergroting nodig is. Dit kan het vertrouwen van potentiële klanten vergroten en de kans op extra verkoop of opdrachten verhogen.

Het is belangrijk om te onthouden dat deze functie niet nodig is voor foto's die alleen bedoeld zijn om een webpagina meer kleur te geven of om het onderwerp van de webpagina te versterken.

Videofunctie

Bekijk onderstaande voorbeeldvideo

Wat is een videofunctie?

Met een videofunctie kunt u video's afspelen in een afspeelvenster op uw website. Voor de beste prestaties, gebruiksgemak en positieve effecten op gebied van zoekmachine-optimalisatie, raden wij altijd onze YouTube-integratie aan.
Dit zorgt voor een optimale snelheid en een naadloze integratie van uw video's op uw website.

Uw voordeel

  • Deze functie is bruikbaar over uw volledige website.
  • Video wordt op uw website zelf getoond.
  • Geeft een positieve invloed op gebied van "zoekmachine optimalisatie".

Tooltips

Enkele voorbeelden:

  • Bekijk tooltip 1.
  • Bekijk tooltip 2.
  • Bekijk tooltip 3. Ga met de muiscursor over het icoontje:

Waarom tooltips?

Wilt u extra informatie weergeven, maar heeft u beperkte ruimte op uw webpagina? Of wilt u niet afwijken van het bestaande overzicht van de pagina? Bijvoorbeeld wanneer u extra informatie wilt toevoegen aan een product of dienst in een prijslijst?
In dat geval bieden tooltips de perfecte oplossing! Een tooltip verbergt specifieke informatie die alleen zichtbaar wordt als de bezoeker erom vraagt. Zo behoudt u een overzichtelijke pagina en biedt u toch de gewenste extra informatie aan uw bezoekers.

"Promo"-vak

Promo vak 1

Wenst u een stukje tekst te laten opvallen? Dan is het promo-vak de oplossing! Elk promo-vak heeft:

  • eigen afmetingen, achtergrond en/of omlijning;
  • eigen lettertypes en tekstkleur;
  • eventueel een foto, icoon of opsomming als inhoud.

Promo vak 2

Kies het lettertype en stijl dat bij uw website past:

Grote letters

Vetgedrukte tekst of schuingedrukte tekst

Of tekst in een specifieke kleur.

Promo vak 3

De mogelijkheden zijn
eindeloos!

Animaties

Waarom animaties?

Wanneer we denken aan animaties op een website, denken we vaak aan die vervelende icoontjes die heen en weer bewegen. Maar functionele animaties zijn aan een opmars bezig en dragen bij aan een positieve gebruikservaring!

Denk bijvoorbeeld aan inhoud die geleidelijk aan tevoorschijn komt op een website, of een belangrijke knop die via een subtiele animatie getoond wordt. Zelfs menu-items die geleidelijk van kleur veranderen wanneer je er met de muis overheen gaat, maken gebruik van functionele animaties.

Er zijn verschillende momenten waarop een animatie kan starten, maar meestal worden ze uitgevoerd tijdens het laden van de inhoud. Zo kunnen animaties helpen om de aandacht van de bezoeker te trekken en belangrijke informatie te benadrukken.

Tip: Beweeg je muis over de animatie-voorbeelden om ze in actie te zien.

Enkele voorbeelden

Geanimeerde tekst

Geanimeerde scheidingslijn
Geanimeerde bestel knop

Google Map

Heeft u een winkel of kantoor waar u klanten ontvangt? 

Een interactieve Google Map is een krachtig hulpmiddel om de weg naar uw bedrijf te tonen op uw website, vooral op de contactpagina.
Met de kaart krijgt uw potentiële klant onmiddellijk een duidelijk beeld van de locatie van uw bedrijf.
Bovendien kan hij of zij de kaart vergroten, inzoomen, uitzoomen en zelfs een routebeschrijving opvragen naar uw bedrijf.

Het beste van alles is dat de Google Maps-functionaliteit ook geschikt is voor mobiel gebruik.
Hierbij kan de huidige locatie van de smartphone worden gebruikt om een routebeschrijving naar uw bedrijf te berekenen.

Als u uw klanten een betrouwbare en handige manier wilt bieden om uw bedrijf te vinden, dan is een interactieve Google Map een must-have voor uw website.

Breadcrumbs

Nuttig voor bezoekers

Breadcrumbs zijn een soort virtueel kruimelspoor voor de bezoekers van uw website. Het kruimelspoor laat in 1 oogopslag zien waar de bezoeker zich ergens bevindt in de structuur van uw website.

De breadcrumbs laten automatisch de bovenliggende webpagina's zien, waardoor de bezoeker in 1 klik kan navigeren naar hoger liggende webpagina's.
Breadcrumbs worden vooral toegepast bij grote websites, waarbij de webpagina's opgedeeld zijn in meerdere niveaus.

Handig voor zoekmachines

Een ander groot voordeel van breadcrumbs situeert zich op gebied van zoekmachine optimalisatie.
Het hebben van "interne links" is noodzakelijk voor een goede positie van uw webpagina's binnen de Google zoekresultaten. Breadcrumbs helpen Google uw website beter te begrijpen

Door breadcrumbs te gebruiken worden alle webpagina's van uw website automatisch voorzien van een interne link.
Ideaal dus!