Webdesign

Afhankelijk van uw doelgroep en het imago dat je wenst uit te stralen is het kiezen van layout voor de website geen eenvoudige keuze.

Op het Internet is er een zeer ruim aanbod van website voorbeelden waaruit je inspiratie kan halen. Toch is het belangrijk om een duidelijk bedrijfsimago te definiëren.

Wanneer je consumenten in de leeftijdscategorie van 65+ wil bereiken is de uitstraling totaal verschillend dan een publiek tussen de 20 en 30 jaar.

Er zijn een aantal zaken die ik hieronder opsom waarmee je te maken krijgt wanneer je het bedrijfsimago wil wijzigen :

• Logo
• Lettertype
• Slogan
• Font gebruik
• Kleuren palette
• Schrijfstijl website – printed media – social media
• Andere marketing elementen

Samengevat, alvorens je start met een webdesign, is het belangrijk om even stil te staan bij de boven vernoemde elementen.

Waar kan ik inspiratie opdoen?

Welke stijl passen jouw concurrenten toe? Met de informatie uit het online onderzoek en de SEO analyse weet je precies wie jouw belangrijke concurrenten zijn.

Met de layout stijl van hun website en schrijfstijl op hun website en sociale media kanalen kan je al een vrij goed beeld vormen in welke richting je kan zoeken.

Wil dit zeggen dat je in dezelfde stijl dan jouw concurrenten moet gaan? Absoluut niet! Je wil natuurlijk je onderscheiden van jouw concurrenten en kan je op zoek naar webdesigns die er uitspringen.

Enkele URL’s die ik je graag ter inspiratie geef :

• Webflow
• 99designs
• Designmodo
• Medium.com

Alvorens we aan Webdesign beginnen

Met de installatie van het WordPress Content Management Systeem (CMS), is het belangrijk om allereerst het CMS-systeem te beveiligen tegen inbraak door hackers.

Hoe kan je een WordPress website beveiligen?

We zien nog te vaak websites die hun standaard WordPress login pagina niet afschermen. Websites worden vaak afgeleverd met de standaard login pagina : https://mijnwebsite.com/wp-admin/ Hackers of kwaadaardige BOT’s (een autonoom programma op het internet of een ander netwerk dat kan connecteren met systemen of gebruikers) weten dit ook en zoeken naar websites met zwakke paswoorden.

Two-factor authentication

Zoals de titel doet vermoeden, heb je met Two-Factor Authentication een bijkomende security laag bij het inloggen. Wanneer je de website registreert op bijvoorbeeld de Google Authenticator App op jouw smartphone, krijg je elke 20 seconden een nieuwe code te zien. Deze code heb je dan nodig om in te loggen op de WordPress Admin dashboard.

Gebruik een Firewall en Web Application Firewall naast de webhosting

Vaak kiezen bedrijven voor een eerder goedkope shared webhosting pakket, waarbij verschillende websites gebruik maken van eenzelfde Shared IP adres. Dit drukt de prijs per maand voor uw webhosting, maar verhoogt anderzijds de risico’s van een malware infectie.

Shared webhosting is een principe waar een hosting bedrijf tal van websites host onder één algemene directory, waarbij elke website een individuele sub directory krijgt toegewezen. Wordt één van deze websites gehacked, bestaat de kans dat de andere websites ook met een virus worden geïnfecteerd.

Daarom is het steeds aanbevolen om met een Shared Webhosting een extra security laag te voorzien die jouw database en WordPress files scanned op infecties. Eén van de meest aanbevolen product hiervoor is Sucuri.

Eigen hostingruimte

Wanneer je veel bezoekers of veel transacties op jouw WordPress website verwacht, kan je best omschakelen naar jouw eigen hostingruimte. De maandelijkse kost hiervoor ligt ongeveer op 200 €, excl BTW, en krijg je voor dit bedrag een exclusieve server voor jouw website.

Wat doet een Firewall voor jouw website?

Een firewall is een fysisch of virtuele netwerk beveiliging machine die alle inkomend en uitgaand verkeer scanned. Binnen deze firewall kan je tal van regels instellen die bijvoorbeeld de volgende taken uitvoeren :

• Geographische blocking : wanneer je enkel focussed op een bepaalde regio, kan je andere landen blokkeren of challengen. Elk IP-adres uit de andere regio zal dan de boodschap krijgen dat hij/zij/het geen toegang krijgt tot deze webpagina’s.

• Scannen van de data pakketten : Wanneer een kwaadaardige BOT jouw website wil scannen wordt deze door de Firewall gestopt. De Firewall herkent en stopt deze programma’s.

• Block alle scripts die ‘login’ bevatten en block geen bekende IP adressen voor admin toegang.

• Block IP adressen met kwalijke reputatie

De Firewall is zoals een eerste douane check op de luchthaven, waarbij je een controle hebt op identiteit van de reiziger en/of deze bekend is als gevaarlijk persoon. Doch, dan heb je de bagage nog niet gecontroleerd..

Wat doet een Web Application Firewall?

Zoals het voorbeeld van de douanepost op een luchthaven zal een Web Application Firewall niet enkel de identiteit van de bezoeker checken, maar tevens ook zijn bagage. Bevat het datapakket dat de Web Application Firewall onderschept een software script dat gegevens in jouw WordPress tracht te wijzigen, dan zal deze worden tegen gehouden.

Daarom bevelen we bedrijven aan met E-commerce doeleinden, steeds het gebruik van een Firewall en Web Application Firewall te implementeren. Met de huidige Corona Pandemie en het online gedrag bij iedereen, zijn de Firewall en Web Application Firewalls essentiële onderdelen geworden.

Voor hackers zijn het hoogdagen om zoveel mogelijk schade aan te richten bij commerciële als niet-commerciële bedrijven. Denk maar aan de recente Ransom Ware aanvallen bij tal van bedrijven.

In onze blog kan u meer informatie terugvinden over beveiliging van websites en type cyberaanvallen in dit artikel

Gebruik van de juiste page builder in WordPress

Voor WordPress omgevingen bestaan er verschillende pagina builders die de layout van de pagina op een visuele manier kan opbouwen.

Over de afgelopen jaren heb ik verschillende pagina builders ook uitgetest. Uit deze testen ben ik er steeds van uitgegaan hoe je tijd kan winnen in webdesign, de gebruiksvriendelijkheid van de builder en hoe mijn klanten op een eenvoudige manier de website kunnen onderhouden.

De pagina builders die ik heb getest zijn :

Als webdesigner ben ik vooral fan van Divi omwille van de steeds terugkomende structuur. Aan de hand van kleuren kan je makkelijk onderscheid maken tussen een sectie, rij en module. Dezelfde structuur komt steeds terug voor zowel pagina’s, productpagina’s als blog berichten.

Of u nu zelf het onderhoud van de website of een externe partner, de structuur is steeds herkenbaar. Divi maakt het je ook makkelijk om op een visuele manier rijen of modules te bewerken op de voorzijde van de website.

Onderaan de pagina kan je desktop, tablet of smartphone layout kiezen zodat het design steeds geschikt is voor deze platformen.

Waarom starten vanuit een blancoblad voor webdesign?

In het verleden ben ik verschillende klanten leren kennen die een website hebben laten maken bij een webdesigner die gebruik maakte van een gekocht WordPress thema.

Deze thema’s komen vaak met beperkingen of zelfs enkele gevaren die je als gebruiker moeilijk kan inschatten, zoals :

• Embedded plugins die vaak outdated zijn en inzake veiligheid een gevaar voor malware infectie kunnen zijn.
• Tal van opties en functies in een thema, kunnen een negatieve impact hebben op de laadsnelheid van de website
• Thema’s vol functies, zijn vaak moeilijk als gewone gebruiker niet zo gebruiksvriendelijk.

Daarom maken we steeds gebruik van een blanco thema waarbij we volledige controle behouden over de opbouw en gebruikte code op de webpagina.

Heb je nood aan integratie van jouw webpagina’s met jouw interne bedrijfsapplicaties, zoals Salesforce of andere CRM systemen? Met een thema die we volledig onder controle hebben, is de integratie een pak eenvoudiger dan thema’s die je niet kent.

Integratie met andere platformen

Al onze webdesigns zijn makkelijk te integreren met andere CRM of marketingplatformen. Gebruik je reeds MailChimp of andere marketing platformen, kunnen we deze naadloos linken aan uw website.

Opbouw Web Design

Met het content plan naast ons, gaan we aan de slag met de opbouw van de webpagina’s. We gaan tevens ook op zoek naar het juiste beeldmateriaal wanneer deze nog niet beschikbaar is.

We stellen eerst een visueel framework voor, zodat u als klant het volledig proces kan volgen en uw specifieke wensen kan bijsturen.

Responsive designs

Vandaag zoeken mensen steeds meer informatie via de smartphone of de tablet op het Internet. Daarom zijn onze designs steeds mobile reponsive, zowel voor smartphone’s als tablets.

Lightweighted plugins

Het gebruik van de juiste plugins per opdracht is essentieel. Omdat we laadsnelheden nastreven van 3 seconden of sneller, is het belangrijk dat WordPress plugins geen negatieve impact hebben op de snelheid.

We monitoren continue naar verbeteringen op gebied van plugins voor bijvoorbeeld ecommerce, caching, SEO, security en andere functies, steeds met minimale laadtijd in gedachten.

Testing webdesigns

Nadat we uw akkoord hebben, inzake design gaan we de pagina’s testen op gebied van hun performance. Hoe goed scoren ze op snelheid, SEO en leesbaarheid. Al deze elementen zitten vervat in ons webdesign.

Oplevering Website

Alvorens we de website opleveren doorlopen we samen de website op een test platform en migreren we de testsite naar een productie omgeving na akkoord.