Van concept naar realisatie: Een nieuwe website!


Een nieuwe website gemaakt door Loyals, mooi! Maar hoe is deze website ontstaan en wat komt er allemaal bij kijken? Neem een kijkje in de keuken bij Loyals en kom meer te weten over de creatie van een nieuwe website.

Categorie

Online development

Datum

09-02-2017

 

Case: Studentexperience.nl

Voor onze klant Student Experience hebben we onlangs een nieuwe website gelanceerd. Student Experience biedt een luxe zelfstandige studentenwoning met een eigen keuken en badkamer in een modern studentencomplex.

De oude website van Student Experience was al weer een paar jaar oud en aan vervanging toe. Slechts een paar jaar oud en nu al aan vervanging toe hoor ik je denken... Klopt, de ontwikkelingen op het internet gaan tegenwoordig zó snel dat de gemiddelde leeftijd van een website slechts een aantal jaar is en wil je meegaan met de huidige trends? Dan zal je moeten blijven vernieuwen.

Concept nieuwe website

Om tot het concept van de nieuwe website te komen gingen we eerst met het hele team om tafel. Samen met de klant kwamen we tot de belangrijkste pijlers en verbeterpunten. Daarna hebben we gekeken hoe we deze punten kunnen benaderen vanuit de doelgroep. Het moet uiteindelijk de studenten gaan aanspreken! Mobile first was dus een must! Om de authenticiteit te benadrukken was Instagram een logisch middel. Zo kunnen de échte foto's direct vanuit de complexen gedeeld worden. 

Design nieuwe website

Co-creatie, een term die niet voor niets in onze eigen slogan zit. Het designproces is daar een goed voorbeeld van, de designer maakt met alle input en wensen van de klant een design naar wens. Voor Student Experience zijn er een aantal voorstellen gedaan op het gebied van kleuren en verschillende vlakverdelingen. En dit heeft uiteindelijk geresulteerd in een definitief design.

Realisatie nieuwe website

Het design is goedgekeurd door de klant en dit betekent dat we aan de slag gaan met de technische realisatie van de website, zo worden de Backend (achterkant) en de Front-end (voorkant) gebouwd.

De Backend van de website zorgt ervoor dat alles wat te zien is op de website beheerd kan worden door het CMS, denk hierbij aan de afbeeldingen maar ook aan alle teksten, pagina’s, nieuwsberichten en belangrijke SEO-instellingen zoals titels en descriptions.

Als de Backend klaar is staan er in feite een heleboel witte pagina’s met zwarte tekst en afbeeldingen. De website moet dan nog helemaal opgemaakt worden zodat het er visueel goed uit ziet. Dit noemen we de Front-end, hier worden alle kleuren, vlakken en effecten gemaakt.

Website zonder opmaak:

code-student.jpg

Website met opmaak:

This is where the magic happens!

opmaak-student.jpg

Dit resulteert uiteindelijk in een mooie en goed functionele website op alle devices en dit betekent tevens dat de klant aan de slag kan met de content op de website. Hier komt de website echt tot leven!

Afronding nieuwe website

Voor we bij Loyals een website opleveren gaat de website eerst door een uitgebreide controle heen, hierdoor kunnen we kwaliteit garanderen. Denk hierbij aan cross-browser checks maar ook het maken van re-directs van oude geïndexeerde links door één van onze SEO-specialisten, we willen uiteraard geen 404’s (pagina niet gevonden) krijgen.

Launch it!

Resultaat: Een nieuwe website!

Check hem snel op studentexperience.nl

Wil je meer informatie over het laten maken van een website bij Loyals? Neem dan contact met ons op!


Stay up to date
Schrijf je in en ontvang maandelijks een update van de belangrijkste ontwikkelingen
Enkele gegevens ontbreken of zijn onjuist

Het formulier kan nog niet worden verzonden omdat het nog niet helemaal (correct) is ingevuld.