Stijlvolle templates
Tijdens het bouwen van een website, vertrekt TRIOS vanuit twee principes:
- mobile first
- responsive
Vandaag zijn ongeveer 50% van de bezoeken op een website afkomstig van een mobiel toestel (smartphone of tablet). Dit percentage zal in de loop van de komende twaalf maanden evolueren naar 75%. De overige bezoeken gebeuren via laptop of desktop.
Daarom is het belangrijk om bij de bouw van een website op de eerste plaats ervoor te zorgen dat het ontwerp op de mobiele toestellen er goed uitziet.
mobile first
Het ontwerp (=lay-out, uitzicht, stijl) van de website wordt eerst ontwikkeld voor het scherm van een smartphone, daarna voor tablet en pas op het einde voor laptop & desktop.
responsive
Om te vermijden dat er drie verschillende websites naast elkaar moeten gebouwd worden (één voor smartphone, één voor tablet en één voor laptop & desktop), werkt TRIOS enkel met responsive templates. Daardoor kan één enkele website gebouwd worden voor zowel de kleine, middelgrote als grote schermen; dezelfde inhoud wordt gepresenteerd op elk van de verschillende schermen in een totaal verschillende lay-out.
bron: contacteer TRIOS
De lijsten met templates
In de lijsten hieronder worden een aantal links aangereikt die verwijzen naar websites met templates die in de meeste gevallen geschikt zijn als start voor de bouw van een nieuwe website. Deze templates zijn gebouwd volgens de principes van mobile first en responsive. De webstandaard is Bootstrap.
Klanten die een website willen laten bouwen, kunnen een keuze maken van een drietal templates die daarna in overleg met TRIOS zullen besproken worden om uiteindelijk definitief één template te kiezen als basis voor de bouw van de website.
one pagers versus multi pagers
Er zijn nogal wat templates voor websites die uit één enkele, lange pagina bestaan, de one pagers. Vaak schuift de navigatie van dergelijke one pagers mee met het scrollen over de pagina. Deze templates worden vaak gebruikt voor de lancering van een nieuw product, de aankondiging van een event of als landingspagina met een commerciële actie.
Voorbeeld: one pager - template voor een CV.
Een multi-pager bevat meerdere pagina's die via een navigatie kunnen opgeroepen worden; vaak is de lay-out van de pagina's verschillend. Dergelijke templates zijn meestal meer geschikt als basistemplate voor een nieuwe website.
Voorbeeld: multi pager - template voor een business website.
Aangezien het is niet mogelijk om van een one pager-template een multi-pager-template te maken, is het belangrijk om hiermee rekening te houden bij de keuze van een basistemplate voor de website.
opmerkingen
- De keuze van een template is enkel een keuze voor een stijl van de website, het uitzicht, de lay-out, de manier van navigeren, de lettertypes van teksten en titels, de gebruikte kleuren. Dit in tegenstelling tot de inhoud (titels, teksten, foto's) van de website die in een later stadium door de klant zal toegevoegd worden aan de website.
- Er zijn gratis templates en betalende templates. Indien de klant kiest voor een betalende template, zal de kost voor de aankoop van de template aan de klant aangerekend worden.
Bootstrap templates
professionele websites
Start Bootstrap Templates vooral one pagers
GrayGrids Een grote verzameling zeer diverse templates, voor zeer diverse toepassingen
Measure Wrap Dit is 1 template, universeel bruikbaar voor veel websites. De nadruk in dit design ligt op een erg verzorgde typografie, vooral geschikt voor websites waarbij tekst belangrijk is.
Xadmino Zeer specifieke template voor de bouw van een dashboard. Erg uitgebreide tools en elementen.
Bootswatch Een reeks eenvoudige templates, voor websites met een strakke stijl, waar Less is More
landingspagina's, aankondigingen product of event
WrapBootstrap betalende templates, templates met bewegende intro's zijn niet bruikbaar, met de muis over een voorbeeld bewegen preview
Andere responsive templates
professionele websites
SIMPLE 1 template Goed voorbeeld om het principe van Responsive Design te illusteren; dit is slechts één enkele template, maar in de meest universele vorm bruikbaar voor elke website
W3SCHOOLS is een autoriteit op het Internet: op een eenvoudige manier leggen zij allerlei digitale principes uit; ook hun templates zijn zeer stabiel en professioneel
HTML5 UP bijzonder bruikbare reeks templates
Pixelarity De templates van Pixelarity zijn gemaakt door designers die het artistieke en het visuele van een website erg willen benadrukken. Deze templates verheffen een website tot kunst.
