Het was hoogtijd om de website van Occhio een opfrisbeurt te geven. Onze programmeurs Nicolas en Jeffrey zijn daarom aan de slag gegaan met een nieuwe website.


Uitgangspunten

Het uitgangspunt van de nieuwe website was ‘high performance’, oftewel een website die snel laadt en hoog in de resultaten van de zoekmachine van Google verschijnt. Daarnaast moet de website eenvoudig te onderhouden zijn en moeten medewerkers zonder programmeerkennis goed met de website kunnen werken.

Bij de nieuwe website is vooral de focus gelegd op mobiel. Steeds meer mensen bezoeken websites via hun smartphone en dit gaat naar verwachting alleen maar groeien. Dit heeft er toe geleid dat Google sinds april 2015 websites die niet mobielvriendelijk zijn, minder goed beoordeeld. Het gevolg hiervan is dat deze websites lager in de zoekresultaten van de zoekmachine van Google verschijnen. 


De aanpak

Design en inhoud

Stap 1 was het ontwerpen van een nieuw design. Voor het design is bewust gekozen voor slechts twee kleuren (groen en antraciet) die de basis vormen van de website. Dit om rust te creëren en de focus te leggen op de inhoud. Dit is ook de reden achter de zwart/wit banners boven de verschillende pagina’s. 


De portfoliopagina hebben we er wel bewust uit laten springen door het toepassen van gekleurde afbeeldingen in verschillende formaten. De diversiteit in het werk van Occhio komt zo duidelijk naar voren.

Naast een overzichtelijke portfoliopagina en een complete pagina over de specialismen van Occhio, bevat de website een uitgebreide blogpagina met allerlei blogs over techniek, design en alles daartussenin. Tot slot vind je op de website informatie over ons team en onze werkwijze en natuurlijk mag de contactpagina niet ontbreken.

CMS en frameworks

Voor er begonnen kon worden met het daadwerkelijk maken van de website, is eerst een functioneel ontwerp gemaakt. Dit is een basisdocument met de technische aspecten van de website. Daarna is beoordeeld welk CMS-systeem (een systeem om de inhoud van een website te beheren) en welke frameworks (softwarecomponenten die worden gebruikt en helpen bij het programmeren) het best passen bij de nieuwe website. 

Voor het CMS is gekozen om gebruik te maken van het October CMS, omdat dit in verhouding snel werkt en zeer gebruiksvriendelijk is. Daarnaast is het gebaseerd op het bekende PHP framework Laravel. De documentatie van Laravel is goed, waardoor je antwoorden op eventuele vragen vaak snel kunt vinden.

Naast Laravel is gebruik gemaakt van het Sass framework. Dit framework zorgt ervoor dat er meer structuur komt in de code. Hierdoor hebben programmeurs een beter overzicht, kunnen later gemakkelijk wijzigingen worden gedaan en het heeft ook positieve invloed op de snelheid van de website.


Slimme oplossingen en tools 

Om de snelheid en de laadtijd van de website verder te verhogen zijn een aantal technieken toegepast. Zo is de code verkleind, zijn overbodige karakters eruit gehaald en zijn zoveel mogelijk scripts gecombineerd. 

Daarnaast is de techniek lazy loading toegepast. Lazy loading houdt in dat afbeeldingen die niet direct zichtbaar zijn op een pagina ook niet worden geladen. Dit gebeurt pas wanneer de afbeelding in beeld komt. Tot slot is gebruik gemaakt van externe tools, zoals een Google Chrome Extensie die je website screent, waardoor je kunt zien waar nog verbetering mogelijk is op de website.


Een website om trots op te zijn

We zijn erg blij met het eindresultaat van de nieuwe website van Occhio. Het ontwerp past goed bij de organisatie en alle slimme technieken, oplossingen en tools hebben geleid tot een website met ‘high performance’.

Deel dit artikel via
X

Welkom! Deze website maakt gebruik van cookies

Geef hier aan welke cookies we mogen plaatsen. De noodzakelijke en statistiek-cookies verzamelen geen persoonsgegevens en helpen ons de site te verbeteren.

Noodzakelijke cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken.

NaamAanbiederDoelVervaldatum
admin_authOcchio.nlWij gebruiken deze cookie om te onthouden of een Occhio.nl gebruiker is ingelogd in ons systeem.
October_sessionOcchio.nlDeze cookie wordt gebruikt door ons content management systeem en wordt geplaatst bij bezoek aan willekeurig welke pagina van onze website.
setCookiePreferenceOcchio.nlSlaat een cookie op om ons te laten weten dat u de cookiemelding hebt gelezen en geaccordeerd.
NaamAanbiederDoel
CollectGoogle-analytics.comWordt gebruikt om gegevens naar Google Analytics te verzenden over het apparaat en het gedrag van de bezoeker. Traceert de bezoeker op verschillende apparaten en marketingkanalen.
_first_pageviewGoogle-analytics.comDit is een cookie die aangemaakt wordt bij de eerste paginaweergave van deze sessie. Het zorgt ervoor dat sommige onderdelen van de cookies code alleen werken op de eerste pagina van het bezoek, waardoor de code sneller en efficiënter werkt.
_eventqueueGoogle-analytics.comDeze cookie bewaart een serie muisklikken waarvan wij niet zeker kunnen zijn of ze al opgeslagen zijn op onze webservers vóór de huidige pagina uit het geheugen van de browser is gehaald. Deze klikken worden verwerkt en gelogd op de volgende pagina.
_jsuidClicky.comDeze cookie bevat een willekeurig gekozen nummer dat aangemaakt wordt als iemand voor het eerst de website bezoekt. Het dient om nog beter te zien of een bezoeker al eerder de site heeft bezocht.

Occhio.nl maakt geen gebruik van marketing cookies.

Cookies

Wij maken op deze website gebruik van cookies. Een cookie is een eenvoudig klein bestandje dat met pagina’s van deze website wordt meegestuurd en door uw browser op de harde schrijf van uw computer wordt opgeslagen.

Bekijk hier onze privacy verklaring