Webdesign Opties: Demopagina

Soms is het moeilijk om u voor te stellen hoe een bepaalde webdesign optie eruit ziet.
Daarom hebben wij voor u enkele webdesign opties geïmplementeerd op deze webpagina.
Belangrijk: De meeste webdesign opties hebben oneindig veel mogelijkheden wat betreft layout & werking. Op deze webpagina ziet u slechts een klein deel van de mogelijkheden.

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 of diashow is een serie slides die achter melkaar gezet worden en met 1 druk op de knop afgespeeld wordt.

De hoogte en breedte van de slideshow kan aangepast worden, zodat de slideshow slechts een deel van het scherm inneemt of de volledige hoogte en breedte van het scherm inneemt.
Trend: Meer en meer zien we homepagina's waarbij de slideshow het volledige scherm inneemt. (vooral bij moderne websites!)

De animatie die afspeelt wanneer de volgende slide getoond wordt, noemen ze "overgang". Er zijn verschillende overgangen mogelijk, maar de gekozen overgang geldt voor alle slides!

Overgangen

  • van links naar rechts
  • van rechts naar links
  • van boven naar onder
  • onder naar boven
  • Fade: waarbij de volgende slide geleidelijke aan tevoorschijn komt & de vorige slide geleidelijk aan verdwijnt.

Snelheid

De snelheid van de overgang alsook de tijd dat een slide blijft stilstaan kan ingesteld worden. Deze instellingen gelden voor alle slides van de slideshow!

Fotofunctie

Wat is een fotofunctie?

Met een fotofunctie kan u bepaalde foto's klikbaar maken, waarbij de grotere versie van de foto pas geladen en getoond wordt als u erop klikt.
Deze functie betaalt u éénmalig en kan geactiveerd worden voor bepaalde foto's over heel je 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 hierdoor niet beïnvloedt!
  • De ruimte rondom de grote 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.

Videofunctie

Wat is een videofunctie?

Een videofunctie maakt het mogelijk om video's af te spelen in een afspeelvenster op uw website zelf.
Wij raden altijd onze Youtube-integratie aan omwille van de optimale snelheid, het gebruiksgemak en de positieve invloed op gebied van "zoekmachine optimalisatie".

Voordelen?

  • 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?

Wil u extra informatie weergeven, maar hebt u onvoldoende plaats? Of wenst u het bestaande overzicht van een webpagina niet te verliezen? Denk maar aan het weergeven van extra informatie bij een product of dienst in een prijslijst.
Dan bieden tooltips de perfecte oplossing! Een tooltip verbergt specifieke informatie, dat uitsluitend zichtbaar wordt als de bezoeker dit wenst.

"Promo"-vak

Promo vak 1

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

  • een eigen afmetingen, achtergrond en/of omlijning.
  • een eigen lettertype & 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?

Als iemand aan animaties op een website denkt, wordt al snel gedacht aan die irritante icoontjes die heen en weer bewegen.
Terwijl deze vervelende animaties meer en meer verdwijnen, zijn de functionele animaties aan een serieuze opmars bezig.
Onderzoek heeft uitgewezen dat functionele animaties enorm bijdragen tot een positieve gebruikservaring.

Denk maar aan de website-inhoud dat geleidelijk aan tevoorschijn komt op een website, of een belangrijke knop (zoals een bestel-knop) die via een subtiele animatie getoond wordt.
Ook menu-items (in de menubalk) die geleidelijk van kleur veranderen als u er met de muiscursor over gaat, maken gebruik van functionele animaties.

Er zijn verschillende tijdstippen mogelijkheden waarop een animatie moet starten, maar in de meeste gevallen worden animaties uitgevoerd tijdens het laden van de inhoud.

Tip: Ga met uw muiscursor over de animatie-voorbeelden om de animaties in actie te zien.

Enkele voorbeelden

Geanimeerde tekst

Geanimeerde scheidingslijn
Geanimeerde bestel knop

Google Maps

Heeft u een winkel of kantoor waar u klanten ontvangt? 

In dit geval is het zeer sterk aan te raden om ook een interactieve Google Map te plaatsen op uw website. Meestal wordt deze map op de contact-pagina geplaatst.
Hierdoor krijgt uw potentiële klant onmiddellijk een beeld van waar uw bedrijf gelegen is. Ook kan hij/zij de kaart vergroten, inzoomen, uitzoomen en een routebeschrijving opvragen naar uw bedrijf.
De Google Maps is uiteraard ook zeer geschikt voor mobiel gebruik. Hierbij de huidige locatie van de smartphone gebruikt wordt om een routebeschrijving te berekenen naar uw bedrijf.

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 niveau's.

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!

Sitemap

Wat is een sitemap?

Tegenwoordig worden websites steeds groter en groter. Het aantal webpagina's van de gemiddelde website is de laatste jaren dan ook spectaculair gestegen.
Om ervoor te zorgen dat het overzicht behouden wordt over al die webpagina's wordt een sitemap gecreëerd.

De sitemap van een website is eigenlijk zoals de inhoudsopgave van een boek. Het is eigenlijk niets meer dan een webpagina, waarop alle webpagina's van uw website voorgesteld worden als links.

Handig voor bezoekers

  • Zorgt voor een handig overzicht van alle webpagina's van een website.
  • Laat meestal ook de structuur van de website zien. Het toont de verschillende niveau's waarin de webpagina's onderverdeeld zijn.
  • Bezoekers kunnen in 1 klik naar eender welke webpagina op uw website surfen.

Onmisbaar voor Zoekmachine Optimalisatie

  • Zorgt ervoor dat Google alle webpagina's van uw website kan terugvinden, ook de pagina's die niet opgenomen zijn in de menubalk van uw website.
  • Verhoogt de vindbaarheid van uw website.
  • Onmisbaar voor de SEO landingspagina's omdat deze pagina's enkel via de sitemap kunnen teruggevonden worden.
  • Nieuwe webpagina's worden sneller opgenomen in de "Google index".