Datum: 2016-2018
Bedrijf: OnTrack | Desktop applicatie voor studenten
Contract: Lead designer / marketeer
Opdracht: Brand design, logo, website, UI-design, webdevelopment, POS materiaal,
social media posts, nieuwsbrief, video illustraties,..
Website: /
Programma’s: Adobe illustrator cc, Adobe Photoshop cc, Adobe Xd, Adobe Indesign
Idee & proces
Dit is een persoonlijk project waaraan ik samen met mijn partner (nu oud PXL student) voor 2 jaar aan gewerkt had. Het was een startup bedrijf en product waar wij samen veel potentieel in zagen. Het product genaamd “OnTrack” gemaakt voor studenten door studenten. Het was een syncronisatietool waarmee studenten gemakkelijk met één druk op de knop all het studie materiaal van blackboard (het studentenplatform) automatisch konden laten downloaden. Ook kon je algemene berichten van je opleiding binnen halen en bekijken. Dit en nog meer kon allemaal in het OnTrack tool.
Logo
Het logo is gebaseerd op het klassieke download icoon, maar dan verwerkt in de ”O” van het OnTrack naamlogo. “Stay synced. Save time.” voor het slogan.
POS materiaal en naamkaartjes
Met mijn achtergrond in grafisch design wist ik hoe ik POS materiaal moest ontwikkelen en print klaar maken. Ik ontwierp roll-up banners en naamkaartjes rekening houdende met de huisstijl die ik ook ontwikkeld had.
Sociale media banners
Omdat we onze doelgroep het beste via social media konden bereiken heb ik verschillende banners gemaakt. We hadden ook een nieuwsbrief die we via MailChimp elke maand naar de studenten stuurden die ook een eigen opmaak met HTML & CSS ontwikkeld had. Naarmate we verder waren in het project kwamen er kleine telkens kleine iteraties omtrent de huisstijl.
OnTrack website
Ook was ik verantwoordelijk voor het ontwerpen en ontwikkelen van de website. Ik zorgde voor een frisse en clean look waardoor de website overzichtelijk oogde. De website werd ontwikkeld met behulp van HTML, CSS (bootstrap framework) en Javascript. Een CMS systeem werd gebruikt om bepaalde zaken in de achtergrond van de website te laten draaien.
De desktop applicatie
Hierboven zie je de werking van de applicatie en het eerste beta versie. De applicatie werd ook volledig uit HTML, CSS en Javascript gemaakt. Maar hier gebruikte ik een clean CSS boilerplate framework genaamd “Skeleton Boilerplate“. die mij meer geavanceerde opmaak mogelijkheden gaf.
Promo video
In de promo video heb ik alle visuele elementen ontworpen. De elementen zijn gemaakt in Adobe Illustrator. Bekijk de OnTrack promo video via deze link.
