Website personal trainer

Voor een Personal Trainer mocht ik een website maken. Met het budget in overweging hebben we besloten dat een starterspakket in dit geval het beste was om mee te beginnen. Ik heb dus een mooie en zeer uitgebreide landingspagina ontworpen waar alle diensten één voor één worden uitgelicht. Zo kunnen klanten precies zien wat er mogelijk is en is er tevens op meerdere manieren makkelijk contact te zoeken. Het ontwerp is CRO en responsive vriendelijk. Edit: de trainer is er inmiddels weer mee gestopt, maar het hier kan je nog de site bekijken als voorbeeld.

Opdrachtgever

Personal Trainer en voedings coach

Gebruikte technieken

WordPress
Divi

Opgeleverd

Starterspakket
UI / UX
1 landingspagina
Icons
Stockfoto’s

Overig

Analytics
CRO
Hosting
SSL

Website

Gebruik van kleur Gebruik van font Gebruik van icons

#e9151b

#7d7e82

#ededed

#FFFFFF

#000000

Aa

Oswald Bold 26pt

Montserrat Heavy italic 11pt

Open Sans Regular 16pt

Open Sans regular 14pt

Voor deze sportieve site heb ik gekozen voor Oswald als header lettertype, deze benadrukt mooi de sportieve feel. Voor de buttons heb ik gekozen voor montserrat heavy italic, deze sluit mooi aan bij Oswald maar is iets duidelijker leesbaar bij gekleurde buttons. Voor de body tekst heb ik gekozen voor een simpele Open Sans om wat rust aan de pagina te behouden.

Voor de drie pagina onderdelen heb ik custom icons gecreëerd.

Starterspakket

Bij een starterspakket hoort één landingspagina en daar willen we natuurlijk het beste van maken. Dus alle onderwerpen komen op die pagina.

Bij Personal Trainer heb ik ervoor gekozen om de onderdelen makkelijk bereikbaar te maken met buttons. Met een druk op de knop scroll je dan meteen naar het betreffende deel van de pagina.

Achtergronden en titels

In het geval van Personal Trainer heb ik met verschillende achtergronden gewerkt om duidelijk te maken dat we bij een nieuw onderwep beland zijn. Ook heb ik paginabrede header gebruikt die eruit springen dor gebruik van schaduw.

Zo kunnen we makkelijk in de toekomst deze onderwerpen overzetten naar eigen pagina’s wanneer er behoefte is om de website verder uit te breiden.

"Als starter wil je het liefst zo weinig mogelijk kosten maken, daarom kan je bij Dutch K Design voor een startpakket kiezen die meegroeit met je bedrijf."

Bekijk de details van het startpakket