Huisstijl en Webdesign voor Kortingscode.be

De klant wilde een huisstijl en webdesign laten maken voor een nieuw kortingscode project, om het voor mensen gemakkelijker te maken om de beste kortingscodes en aanbiedingen te vinden.

De missie van deze website is dan ook om hun bezoekers zoveel mogelijk geld te besparen bij het online winkelen

Kortingscode punt b e 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 Pixili.

Wij hebben dan ook jarenlange ervaring met dit type websites en zijn erin geslaagd om een gebruikerservaring te ontwikkelen die werkt. Zowel TagCity als kortingscode.knack.be behoren tot de grootste Belgische spelers.

Huisstijl

De huisstijl net zoals webdesign is strak, warm en attentie grijpend met als hoofdkleur rood omdat het opvallend is en gekoppeld aan koopjes. Oranje en Groen als accentkleuren.

Kortingscode logo

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 een semi-verborgen procent-symbool kunnen maken. Een truc onder andere gebruikt in bijvoorbeeld het FedEx-logo.

Dat is zeer toepasselijk want, Een kortingscode en het procent-symbool zijn onlosmakelijk met elkaar verbonden.

Het kader rond het prijskaartje is ook een knipoog naar de voorganger TagCity, waar het logo een prijskaartje in combinatie met een locatie symbool was. Net zoals daar kan het prijskaartje ook als pijl gebruikt worden.

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

De grotere versie is geschikt voor drukwerk, e-mail handtekeningen en sponsorafbeeldingen, daar waar de volledige naam duidelijk moet worden gecommuniceerd.

De kleinere versie, is dan weer handig voor een favicon of sociale media-avatar, en is in vergelijking met grotere versie veel makkelijker subtiele te integreren in het ontwerp.

Design

De Tag

Het belangrijkste en meest gebruikte element op kortingscode sites. Noem wij de tag.

We hebben er veel mee geëxperimenteerd en getest en door de jaren hebben dit element dan ook 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.

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 hier, een knipoog naar TagCity, de avatar die voor de vragensteller wordt gebruikt, is Tagy, de mascotte van TagCity.

Nieuwsbrief optin

Bij het ontwerpen van de opt-in-module werd ervoor gezorgd dat deze visueel aantrekkelijk is. De eenvoudige animaties die erin zijn verwerkt, helpen om de aandacht naar het element te trekken en dragen zo bij aan meer inschrijvingen.