De klant wou een Huisstijl en Webdesign voor een kortingscode project gemaakt om het voor mensen gemakkelijker te maken om de beste aanbiedingen te vinden, terwijl ze de kans krijgen om zoveel mogelijk geld te besparen. De missie van dit project is niet alleen om geld te besparen, maar ook om mensen de mogelijkheid te bieden geweldige kortingen te krijgen bij het online winkelen of bij het kopen van iets.

Kortingscode.be is de directe opvolger van TagCity.be, en voelt voort uit het succes van het kortingscode project van Knack en Le Vif. Allemaal projecten ontworpen en ontwikkeld door Studio Pixili.

Wij hebben jarenlange ervaring met dit type website en zijn erin geslaagd om een gebruikerservaring te ontwikkelen die werkt. Zowel TagCity als kortingscode.knack.be behoren(den) tot de grootste Belgische spelers. De hoop is met kortingscode.be zelfde te doen.

Huisstijl

De huisstijl net zoals webdesign is  strak, warm en opvallend met als hoofdkleur rood omdat het opvallend is en gekoppeld aan koopjes en oranje en groen als accentkleuren.

Deep Carmine

#f43531

Princeton Orange

#f47c31

Lemon Lime

#88a91e

Alabaster Beige

#f5ece5

Na wat brainstormen en experimenteren bleek dat de twee O’s in het woord “kortingscode” van “korting” en “code” erg dicht bij elkaar lagen. Met een slim typografisch trucje heb ik dan ook semi-verborgen % kunnen maken (denk aan de pijl in het FedEx-logo).

Kortingscode logo

Dat is zeer top passelijk want, Een kortingscode en % zijn volgens mij onlosmakelijk met elkaar verbonden.

Dan lijkt het kader rond het prijskaartje/bon een knipoog naar de voorganger TagCity, waar het logo een prijskaartje was in combinatie met een locatiesymbool.
Het prijskaartje kan ook als pijl gebruikt worden.

Ook heb je twee versies van het logo: de grote en de kleinere versie.

Webdesign

 

De Tag

Het belangrijkste en meest gebruikte element op kortingscodesites. We hebben er veel mee geëxperimenteerd en getest. Door jaren hebben dit element geperfectioneerd. We leerden dat minder meer is, je moet het element herkenbaar houden en het kortingspercentage benadrukken.

Ook is een visuele hiërarchie belangrijk zodat niet alle tags er hetzelfde uitzien.

UI design element

FAQ

Een gebruikerselement dat ik wil benadrukken, zijn de veelgestelde vragen. Dat hebben we op een toffe manier aangepakt door het te visualiseren als een dialoog.

Nogmaals, een knipoog naar TagCity, de avatar die voor de vragensteller wordt gebruikt, is Tagy, de mascotte van TagCity.be.

faq UI design element

Nieuwsbrief optin

Bij het ontwerpen van de opt-in-module heb ik ervoor gezorgd dat deze visueel aantrekkelijk was. De simpele animaties die ik erin verwerkt heb kunnen helpen om de aandacht te trekken en hopelijk voor meer inschrijvingen te zorgen.

Super leuk gedaan! Heelmaal Huisstijl en Webdesign die we zochten, Bedankt :D zit het zoals gewoonlijk weer heel goed!

Pieter-Jan
Zaakvoerder

Soortgelijk werk

Bekijk portfolio →

Volg ons

instagram

Contacteer ons

studio@pixili.be

© 2023 Studio Pixili
Alle inhoud op deze site (foto's, animaties, video's, illustraties, tekst) zijn gemaakt door Studio Pixili en mogen niet commercieel worden gedeeld zonder uitdrukkelijke toestemming.