Reynard - Huisstijl - Uitwerking compleet

Huisstijl – Reynard Bookstore

De ontwikkeling van deze huisstijl was een leuke uitdaging. Reynard is een hippe nieuwe boekenwinkel. Voor deze uitwerking heb ik heb me laten inspireren door de fabels van Jean de La Fontaine, aangezien de naam Reynard daar uiteraard ook een verwijzing naar is.

Omdat het een hippe nieuwe boekenwinkel is heb ik ervoor gekozen om een strak ontwerp te hanteren, rechte vormen, strakke (complementaire) kleuren en een strak font. Binnen het ontwerp heb ik de staart van Reynard leidend gemaakt. De driehoeken die in zijn staart terugkomen komen ook weer terug als bladzijde hoeken binnen de huisstijl (welke weer in de marketing als page turners kunnen worden genoemd), dit is weer een referentie is naar de boekenwinkel zelf.

De ontwikkeling van een huisstijl is belangrijk omdat je als merk sterker wordt, zorgt dat je dat een meer onderscheidend vermogen krijgt en herkenbaarder wordt als bedrijf.

Voor meer logo design kijk op de pagina Logo Design.

Interactie en visueel ontwerp – YourCommerce

Interactie en visueel ontwerp – YourCommerce

YourCommerce is een online tool die het organisaties in staat stelt om hun rapportages visueel weer te geven. Dit omdat visuele informatie sneller wordt opgenomen (80%) dan geschreven informatie (20%). De opdracht aan mij was om hier een interactieflow en visueel ontwerp voor te maken.

Omdat de vraag was om het een social media look-and-feel te geven, heb ik mij laten inspireren door Pinterest. Dit omdat Pinterest van zichzelf al een visueel georiënteerde social media is. Wat ik hier ook prettig aan vond is dat het een duidelijke overzicht bied aan meerdere posts tegelijk. In eerste instantie ben ik begonnen met het uitwerken van een huisstijl. Hierbij heb ik gekeken naar de nieuwste trends.

Door gebruik te maken van een “handwriten” font en de schuine vormen krijgt het geheel een speels uiterlijk en heeft het iets sociaals. Wat prettig voor het oog is. Ook heb ik vaste kleuren ingesteld voor grafieken, tabel en tegels zodat het (ongeacht de content) een geheel krijgt.

Bij het maken van het visueel ontwerp hem ik rekening gehouden met het feit dat dit product ook als whitelabel verkocht zou kunnen worden. Dit product is namelijk onder andere afgenomen door Univé en is dus ook vertaalt naar hun eigen huisstijl.

Visueel Ontwerp - YourCommerce - Radijs Ontwerp - Webdesign

Hierbij heb ik gebruik gemaakt van de tool(s): Sketch, Advocode en Illustrator

Deze applicatie is gemaakt in opdracht van Datametrics. Datametrics is een databedrijf die klanten in de financiële sector (verzekeraars en banken) door beter en slimmer gebruik van data de waarde hiervan bloot legt.

Mockup gebruik: Designed by Aleksandr Samochernyi

Poster design - Visueel ontwerp - Brouwproces

Infographic Poster Brouwproces

Hierboven staat het ontwerp van een infographic poster die ik heb gemaakt voor Thoms Stadsbrouwerij. Het ontwerp van een infographic poster kan helpen om uw boodschap duidelijk over te brengen aan uw doelgroep, door een goede combinatie van tekst en beeld. Na een aantal ontwerpschetsen ben ik tot bovenstaande ontwerpen gekomen. 

Andere poster designs

Een van de dingen die ik doe om aan mijn eigen vaardigheden te werken is mezelf uitdagen. Een van deze uitdagingen is om elke dag een enkele minimalistische filmposter (met enkel helvetica en in het zwart-wit) te ontwerpen. Te beginnen met elke Hitchcock-film. Hieronder zie je al een aantal van deze posters. Ben je geïnteresseerd in de rest van de uitwerking van deze posters, kijk dan vooral even op mijn Dribbble pagina.

Dribbble Posters Hitchcock

Poster Design Research

Ik wilde op een leuke, speelse, manier de titel weergeven, dat ook meteen laat zien dat het om een digitaal vraagstuk gaat. Omdat het thema van mijn onderzoek het grijze gebied tussen interactie- en visueel ontwerp wordt, heb ik ervoor het gekozen om #3d3d3d als titel te gebruiken, dit is de hex-kleurcode voor grijs. Ook vond ik het belangrijk om veel grijs te gebruiken in het ontwerp, aangezien alles hierom draait.

Infographic Poster - Design Research

 

Lees hier alles over mij Design Research

Interactie en visueel ontwerp - Urban Tailor design

Interactie en visueel ontwerp – Urban Tailor

Voor UrbanTailor heb ik meegewerkt aan de realisatie van hét nieuwe mode platform. Hierbij heb ik het gehele traject voor mijn rekening mogen nemen. Een goed interactie ontwerp traject, met een leuk gebruikersonderzoek en een fantastisch visueel ontwerp (inclusief huisstijl en webdesign).

Huisstijl en logo

Voor de ontwikkeling van de huisstijl heb ik een inventarisatie sessie gehouden waarbij ik, in samenwerking met de klant op zoek ging hoe de visuele uiting van Urban Tailor eruit zou moeten zien. Hierbij hebben ik een zelf ontwikkelde workshopvorm toegepast. Hier kwam uit dat ze een minimalistische uitstraling wilde hebben, strak met ronde vormen. In de uiteindelijke uitwerking van het logo zit een schuine vorm dat zorgt voor een energiek karakter. De schuine vorm is ook iets wat veel voorkomt in de bouw. Denk aan de versteviging van rechte objecten. Hierdoor krijgt het logo ook een industriële/techno feeling.

Deze schuine vorm komt ook verder terug in de huisstijl echter heeft het nu een onregelmatige herhaling wat zorgt voor beweging en ritme, dit geeft ook (net als het logo) energie. De kleuren die in de huisstijl worden gebruikt zijn vooral verlopen van kleuren met betrekking tot steen en baksteen. Dit om het “Urban Jungle” gevoel erin te krijgen. Kleur verlopen zijn nu helemaal de trend in webdesign. Daarom worden ze hier toegepast.

Urban Tailor - Huisstijl - Uitwerking

Interactie ontwerp

Voor het interactie ontwerp wilde ik onderzoek doen naar de manier waarop de werkflow van hun gebruikers in elkaar steekt. Om dit inzichtelijk te krijgen ben ik begonnen met het afnemen van gebruikersinterviews. In mijn gesprek met de doelgroep probeerde ik eerste de basiskennis te achter halen. Met welke tools/applicaties/websites werken zij in hun dagelijkse en hoe gebruiken zij deze? Op basis van deze informatie ben ik vervolgens een klikbaar prototype gaan ontwerpen. Dit prototype diende vervolgens weer als basis voor het visuele ontwerp.

Visueel Ontwerp - Urban Tailor - Radijs Ontwerp - Webdesign

Hierbij heb ik gebruik gemaakt van de tool(s): Axure, Indesign en Illustrator

Mockup gebruik: Designed by Aleksandr Samochernyi

Grafisch ontwerp - Kaarten - Radijs Ontwerp

Grafisch ontwerp – Pink Lemon Cards

Het bedrijf Pink Lemon Cards was op zoek naar freelancers die een grafisch ontwerp kon leveren voor meerdere van hun trouwkaarten, save-the-date en sluitstickers. Deze kaarten variëren qua ontwerp enorm verschillend. Daar waar de ene kaart meer om een flat design vraagt, vraagt de andere om een verfijnd strak ontwerp.

Samen met Pink Lemon Cards heb ik een duidelijke “briefingsflow” opgezet voor iedere kaart. Hierin worden er duidelijk de wensen vanuit Pink Lemon Cards besproken, welke ik weer verwerk  tot een aantal keuzes op het gebied van kleur- en fontgebruik en eventuele illustraties of fotografie die hierbij van toepassing zijn. Aanvankelijk van de keuzes die zij maken werk ik een ontwerp voor de kaart uit.

Inmiddels ben ik een van de vaste ontwerpers van Pink Lemon Cards en heb ik het grafisch ontwerp voor een twintigtal kaarten, begeleid door een save-the-date kaarten en sluitstickers heb gemaakten en nog steeds zijn we nieuwe kaarten aan het ontwerpen. Daarnaast heb ik stempels en social media uitingen geleverd voor Pink Lemon Cards.

De trouwkaarten kunnen zelf door de gebruikers worden samengesteld. Ze kunnen kiezen uit trouwkaarten, save-the-date kaarten, enveloppen en sluitstickers. Deze kunnen door de gebruiker zelf worden aangepast, qua teksten en eventuele afbeeldingen. Zo kunnen ze zelf hun perfecte trouwkaart samen stellen.

Bekijk alle kaarten (ook van andere ontwerpers) op de website van Pink Lemon Cards

 

Ontwerp psd bestand portfolio: Designed by Yeven_Popov / Freepik

Interactie ontwerp - applicatie - MijnPortaal

Applicatie design – MijnPortaal

MijnPortaal is een onderdeel van het grotere programma IntelliFlow en is het onderdeel van de applicatie dat de hypotheek adviseur (in dit geval Univé) in staat stelt om de document aanlevering tussen hypotheek verstrekker en de consument te vereenvoudigen. De opdracht aan mij was om hier een interactieflow en visueel ontwerp voor te maken.

Interactie ontwerp MijnPortaal applicatie

Voor de ontwikkeling van de deze applicatie heb gekeken naar de soortgelijke applicaties gekeken en ik heb gebruikersinterviews met hypotheek adviseurs afgenomen. Zij zijn namelijk de uiteindelijke gebruiker van de applicatie en hun input was dan ook van grote waarde van mij. Ik heb hen onder andere gevraagd wat er aan hun huidige flow werkt en wat er verbetert zou kunnen worden. Met deze input heb ik een nieuwe flow uitgewerkt. Een van de features die ik erin heb verwerkt is een vorm van gamification, dit om consumenten te stimuleren hun documenten tijdig in te leveren.

Deze flow heb ik vervolgens in een visueel ontwerp vertaald. Hierbij heb ik er vooral rekening mee gehouden dat de “voorkant” voor de consument herkenbaar moet zijn. Het zal dus eenvoudig moeten kunnen aansluiten bij de huisstijl van de hypotheekadviseur. Om die reden heb ik ervoor gekozen om minimale kleuren te gebruiken (afgezien van een aantal signaalkleuren), zo kan het portaal met een paar kleine aanpassingen aansluiten bij de huisstijl van de klant.

Hierbij heb ik gebruik gemaakt van de tool(s): Sketch, Advocode en Illustrator

Deze applicatie is gemaakt in opdracht van Datametrics. Datametrics is een databedrijf die klanten in de financiële sector (verzekeraars en banken) door beter en slimmer gebruik van data de waarde hiervan bloot legt.

Mockup gebruik: Designed by Aleksandr Samochernyi

Precipitatio - Huisstijl - Uitwerking

Huisstijl – Precipitatio Cloud Computing

De ontwikkeling van een huisstijl is belangrijk omdat je als merk sterker wordt, zorgt dat je dat een meer onderscheidend vermogen krijgt en herkenbaarder wordt als bedrijf. 

Het was te voor de hand liggend om een wolk te gebruiken als iconisch beeld binnen de huisstijl, daarom heb ik gekeken naar wat de essentie van Cloud Computing is. De essentie is in dit geval: opslag. Ik ben dus gaan kijken naar wat opslagdragers zijn en ik kwam daarbij uit op een USB stick. Iets wat ook leuk is om als leuke give-away voor klanten in te zetten.

Background vector created by vectorpouch – www.freepik.com

Visueel ontwerp - Whitepaper design - FJ Producties

Visueel ontwerp – Whitepaper

FJ Producties was op zoek naar een visueel ontwerp voor het maken van whitepaper die ze wilde uitbrengen. Met deze whitepaper willen zij zich presenteren als DE videomarketing guide voor 2018, een boek waarin alle handige tips en info te vinden is.

Om dit te realiseren heb ik allereerst gekeken naar de content en vervolgens heb ik gekeken naar hoe ik dit kan combineren met hun eigen huisstijl. Door vervolgens eerst een grove opzet te maken en dit voor te leggen ontstond er een organisch ontwerp proces. Voor de opzet heb ik ervoor gekozen om verschillende templates, die meerdere malen terug komen. Dit om variatie aan te brengen, maar ook rust te geven. Ook heb ik visuals en de cover voor mijn rekening genomen.

Bekijk de whitepaper hier.

Daarnaast heb ik voor de online campagne beeld materiaal aangeleverd die aansluit bij de stijl van de whitepaper en de huisstijl van FJ Producties.

Hierbij heb ik gebruik gemaakt van de tool(s): Indesign en Illustrator

Visueel Ontwerp - Banners - Videomarketing Guide 2018

Over FJ Producties

FJ Producties is een videomarketing bureau gevestigd in Amsterdam en leiden anderen vaak op door het delen van hun kennis.

 

Social Media - Radijs Ontwerp

Social media ontwerp – CNV

CNV Jongeren was op zoek naar een visueel ontwerper die voor hun social media hen kon adviseren bij een campagne en deze vervolgens omzetten tot een visuele uiting. Voor het ontwerpen van deze afbeeldingen heb ik inspiratie gehaald uit de ontwerpen van Dick Bruna.

In eerste instantie wilde CNV Jongeren een infographic laten ontwerpen waarin alle thema’s uit hun reactie op het regeerakkoord terug komen. Dit zodat ze deze infographic via social media konden verspreiden. Hierbij heb ik geadviseerd om wel een infographic te maken maak deze in losse blokken te verspreiden. Vervolgens heb ik in een losse workshop samen met CNV Jongeren gekeken welke teksten uit hun reactie de belangrijkste waren en hier met hen naar eventuele visuele uitingen gekeken. Deze heb ik deze visuele uitingen vervolgens ontworpen en in verschillende formaten, aansluitend bij meest recente social media afmetingen, aangeleverd.

Over CNV Jongeren

CNV Jongeren is een podium waar jongeren hun mening kunt laten horen en waar zij dit samen met andere jongeren omvormt tot gerichte oplossingen, acties en veranderingen in de politiek en maatschappij. De thema’s van CNV Jongeren zijn: onderwijs, arbeidsmarkt en pensioen. Deze thema’s zijn ook terug te vinden in de social media platen.

Bekijk hier de uitwerking van de platen op de website van CNV Jongeren

Hierbij heb ik gebruik gemaakt van de tool(s): Illustrator

Foto gebruik tafeltop: Designed by tirachard / Freepik

Visueel Ontwerp - Congress App - Radijs Ontwerp

Congress App – Webdesign en App

De opdracht was om een ontwerp aan te leveren voor de mobiele congres app  met een daarbijbehorende website en hierbij de verantwoordelijkheid voor het doorvoeren van de usability- de interface design en de webdesign van de applicatie te dragen.

Over de CongresApp

Interactiviteit met publiek tijdens evenementen en congressen wordt steeds belangrijker. Om die reden is dan ook de CongresApp ontwikkeld. In deze app is het mogelijk realtime feedback van uw publiek te ontvangen. U kunt uw publiek vragen laten stellen, een poll in laten vullen, spreakers kunnen realtaime worden getoond en nog veel meer.

Omdat het een applicatie is die bij congressen door verschillende klanten ingezet moet kunnen worden heb ik heb ervoor gekozen om het ontwerp op te bouwen met twee hoofdkleuren. Deze hoofdkleuren kunnen eenvoudig worden vervangen door de hoofdkleuren uit de huisstijl van de klanten. Zo kan de developer van de applicatie deze eenvoudig ombouwen, zodat het de look-and-feel van de klant krijgt.

Over het webdesign

Bij de website van Congress App was ik op zoek naar strakke vormen in het webdesign. Dit omdat het een technische ondersteuning is voor een zakelijke markt. Het strakke uiterlijk moet aansluiten bij technische karakter van de applicatie. Om dit te realiseren heb ik voor een basis vormen gekozen (een driehoek) die ook terug komt in het logo van applicatie. Bekijk hier de totstandkoming van het ontwerp van het CongressApp Logo.

Hierbij heb ik gebruik gemaakt van de tool(s): Indesign en Illustrator

Mockup gebruik: Designed by Aleksandr Samochernyi