Skip to content (Press Enter)

Adoris Designs

Allround digital designer & illustrator

  • Home
  • portfolio
ontrack-mockup
Brand DesignLogo DesignWeb / UI Design

OnTrack

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.

ontrack logo

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.

ontrack-course-details

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.

Related Projects

traventure-mockup

Traventure

17/05/2022
jollyFeet-mockup

JollyFeet

17/05/2022
dito-mockup

Dito’s kookpotje

17/05/2022
© Copyright 2022 Adoris Designs | Perfect Portfolio | Developed By Rara Theme. Powered by WordPress.