De front-end van de website is ingericht met als doel een overzichtelijke en gebruiksvriendelijke interface te creëren voor de gebruiker. Een website is tegenwoordig meer dan een pagina met tekst. Zo draaien er tegenwoordig hele applicaties of games in een website. Voor de opbouw van de pagina’s is gebruikgemaakt van HTML (HyperText Markup Language) voor de structuur, CSS (Cascading Style Sheets) voor de vormgeving en JavaScript (programmeertaal voor interactieve functionaliteiten) voor interactieve onderdelen van de website. Zo komt de website tot leven. Zo gaat een menu bewegen en komt tot leven of veranderen buttons van tekst en kleur zodra je ze met je muis aanwijst.

De structuur van deze website bestaat uit meerdere pagina’s die met elkaar verbonden zijn via een navigatiemenu, in dit geval een navigatiebalk. Hierdoor kan de gebruiker eenvoudig tussen de verschillende onderdelen van het stageverslag navigeren, zoals de Weekverslag, Stage info en Het maken van de website.

Voor de layout van de website is gewerkt met een duidelijke indeling waarbij gebruik wordt gemaakt van een header (bovenste gedeelte van de website met navigatie), een main (het hoofdgedeelte met de inhoud) en een footer (het onderste gedeelte van de website met aanvullende informatie).

De vormgeving van de website is gerealiseerd met CSS (Cascading Style Sheets). Hiermee zijn kleuren, lettertypes en afstanden bepaald zodat de website een consistente en professionele uitstraling heeft.

Daarnaast is er aandacht besteed aan de gebruiksvriendelijkheid. De website is overzichtelijk opgebouwd, de teksten zijn goed leesbaar en de navigatie is duidelijk zichtbaar. Waar nodig zijn interactieve elementen toegevoegd met JavaScript, zoals knoppen of dynamische onderdelen op de pagina.