Owen Ontwerpt!

Influencers

Owen — Fri, 14 Jun 2013 11:37:40 +0000

Hoe kom ik aan mijn inspiratie voor de designs die ik maak? Creativiteit kom namelijk niet zomaar uit een flesje zetten. En als je al de vergelijking trekt met een fles, dan zou het zeker een ketchup fles zijn. Doe je heel hard je best, komt er niets uit, maar dan opeens…

Enfin, zo struin ik dagelijks de design blogs af naar trends binnen mijn vakgebied graphic design. Wil je bij blijven, dan sta je in deze branche nooit stil. Maar er is meer dan dat en hetgeen wat mij inspireert/beïnvloedt ligt eigenlijk iets breder dan graphic design. Zo fotografeer ik en kijk ik met een ander oog naar de wereld. Muziek en de bijbehorende subculturen vormen je. Je ziet mode op straat, welke elk seizoen weer onderhevig is aan verandering. Een ander (groen) Heineken flesje in je handen en zo zijn er legio andere voorbeelden.

Al deze ogenschijnlijk dagelijkse dingen die mij omringen beïnvloeden mijn design keuzes, bewust of onbewust. Cross disciplinair denken verschaft mij een veel bredere kijk op (in mijn geval) graphic design. En zo wordt die ketchup bottleneck opeens een oliepijp. Bekijk de onderstaande trailer van de documentaire ‘Influencers’ en je begrijpt meteen wat ik bedoel:

INFLUENCERS TRAILER from R+I creative on Vimeo.

* De documentaire is in zijn geheel te zien op http://www.influencersfilm.com/

Nike + Architecture

Owen — Fri, 14 Jun 2013 08:05:16 +0000

Nu wil het toeval dat ik laatst in Parijs door het Centre Pompidou liep op één van mijn Nike Air Max sneakers. Toeval, omdat het laatste namelijk geïnspireerd is op het eerste (huh?!). De open architectuur van het Centre Pompidou zette Nike designer Tinker Hatfield aan om in 1987 de Nike Air Max te ontwikkelen. Een straatbeeld bepalende schoen mogen we 26 jaar na dato concluderen. Check hier de design rationale van Hatfield.

“Tinker Hatfield: The visionary”

Nike Sportswear – “Tinker Hatfield: The visionary” from FreshnessMag.com on Vimeo.

Benetton, mobile case

Owen — Thu, 13 Jun 2013 10:24:35 +0000

Case: kies een willekeurig merk en creëer er een mobile campagne voor.

Tools: Adobe Photoshop, Fireworks & Touch Application Prototyping

Voorwoord

Voordat ik überhaupt begon met ontwerpen ben ik gaan nadenken over het nut van de app en het bijbehorende event. Ik merk namelijk vaak dat een native app geen duidelijk doel heeft en van toepassing kan zijn voor de gebruiker. In dat geval is de opdrachtgever de enige belang hebber.

Uitgangspunt van de te ontwikkelen app is dat het de gebruiker dient en tegelijkertijd de opdracht- gever hetgeen geeft waar hij of zij naar zoekt (rumour around the brand, conversie, naamsbekend- heid etc.). Probeer daarbij de technische mogelijkheden van een smartphone te benutten.

Ik ben op het idee gekomen om iets te doen voor het Italiaanse mode merk Benetton. Dit merk domineerde ooit het duurdere segment van de modebranche midden jaren negentig. Kosten noch moeite werden gespaard met onder andere gewaagde, multiculturele campagnes en natuurlijk de Formule 1 renstal… Van dat imago is vandaag de dag bar weinig meer over.

Dus: hoe krijgt Benetton de aandacht weer op zich gevestigd door een app met een bijbehorend event?

Gamification, beloning & GPS

Korting op de Benetton collectie zou een grote aanjager zijn voor een gebruiker om de app de downloaden. Dat op zich is al een beloning, maar het zou nog leuker zijn als diegene nog iets moet doen voor die beloning. Dan ben je actief met het merk bezig, ofwel gamification.

Wat nou als een gebruiker naar een lokale Benetton shop moet lopen om die korting te bemachtigen. Je zou er niet alleen online traffic mee genereren, maar ook daadwerkelijke fysieke traffic. Lees: mensen die als ze er toch zijn Benetton kleding aan aanschaffen. En zie daar de bijkomstigheid van up-sell!

Dus, gebruiker moet met zijn app (middels GPS) naar een voor gedefinieerde Benetton store lopen en als degene binnen een radius van, zeg 20 meter van de winkel staat, dan krijgt men een korting van 20% in de winkel en de online store. Het laten zien van de app aan het personeel zou al voldoende zijn en in de app zelf worden online aankopen verrekend minus 20%.

Werkwijze

Tools die ik voor de deliverables (designs & clickable protoype) gebruik zijn: Adobe Photoshop, Fireworks en Touch Application Prototyping(TAP). De kleurige ‘look & feel’ van de Benetton site is deels overgenomen voor de herkenbaarheid. Design van de app zit tussen het tastbare skeuomorphism en flatdesign in. Kleurverloop door gradiënts is vermeden en wordt afgevangen door kleurvlakken met verschillende tinten. Hierdoor blijven buttons als zodanig herkenbaar.

Alles is op een witte achtergrond gezet. Behalve dat het rust geeft in het design, verhoogt het ook het contrast met de elementen en krijgt men het gevoel van transparantie. Alle belangrijkste call to actions (buttons, dropdowns) zijn licht groen. Minder belangrijke acties zoals delen, staan in de blauwe balk onder. Alles is uitgelijnd op een grid om het design evenwichtig te laten aanvoelen. App in het Engels gemaakt zodat deze ook een functie heeft buiten Nederland.

Navigatie

De navigatie van de app moet simpel en intuïtief zijn. Na het downloaden en het accepteren van de plaatsbepaling, zijn er 4 stappen.

Splash screen: getoond tijdens het laden. Model met subtiel het logo.
Intro: payoff die de lading dekt.
Maps: waar men land en stad kan invoeren en kan nagaan waar men loopt m.b.t. de dichtstbijzijnde winkel.
Shop: waar de prijzen, bij het behalen van de opdracht, verrekend zijn met de 20% korting.

Bedoeling is dat de bovenste navigatie balk en de onderste share balk ten alle tijden blijven staan. De content hiertussen schuift geanimeerd naar links of rechts naargelang van waar men zich bevindt. Dit is belangrijk omdat de gebruiker zich kan oriënteren. Behalve via de menubalk bovenin, kan de gebruiker ook naar het volgende scherm swipen.

Om de look en feel te beleven en in grove lijnen de werking van de app te zien, heb ik een clickable prototype gemaakt. Deze is geoptimaliseerd voor de iPhone 4(s) en is te zien op: http://www.owenontwerpt.nl/benetton/index.html

Icon

Ik heb het icoontje simpel gehouden, maar niet hetzelfde gemaakt als hun icon met logo. De eerste letters van het merk logo Benetton zijn heel herkenbaar. Een lowercase ‘b’ en een iets gekantelde ‘e’. De combinatie van die twee met een teaser van de ‘n’ zorgt voor voldoende her- kenbaarheid. Verder afgezien van shine, omdat dit niet correspondeert met het flatdesign van de app.

Splash

Voor de splash screen heb ik gekozen van een close-up van een model, gecombineerd met het merk subtiel rechts onderin, met als gevolg een krachtig beeld.

Bij vrij grote compressie blijft de plaat nog relatief scherp, dit om het snel inladen te bevorderen.

Home

korte tekst die het doel van de app dekt.
navigatie boven in Benetton groen (zie colorswatch in toolkit).
licht groen als call to action buttons.
blauwe balk onderin als social media share(Facebook, Twitter, Pinterest) en envelop voor het aanmelden voor de mailing.

Map

Van boven naar beneden:

Vlak waar de afstand naar de dichtstbijzijnde winkel te zien is. Deze telt uiteraard af naar- mate je dichterbij komt.
Dropdown waar de mogelijkheid wordt ge- boden om in een ander land winkels op te zoeken. Vandaar de Engelse taal.
Placeholder voor (in dit geval) Apple maps met voor gedefinieerde Benetton winkels. Bij het bereiken van zo’n winkel schuift het beeld door naar de shop.
Kaart zo bewerkt dat het ook echt een uitge- vouwen kaart lijkt.
Onder het adres van de geselecteerde Benetton winkel.

Shop

Shop is altijd te bereiken en te gebruiken. De prijzen echter, veranderen alleen als de winkel daadwerkelijk bereikt is. Begeeft de gebruiker zich weer buiten de 20 meter winkel radius, dan vervalt de korting weer.

Verder wijds opgezet met veel witruimte om de modellen heen. Oogt daardoor rustiger.

Drop down selector

Bij het aanklikken van het dropdown menu verschijnt het typische iOS selector scherm. Dit valt verder niet te ontwerpen en vorm zal inhe- rent zijn aan het platform (Android, Windows etc.)

Nieuwe studio

Owen — Tue, 01 Nov 2011 13:45:48 +0000

Zeau! Vanaf heden zijn wij gestationeerd in de binnenstad van Den Haag op Westeinde 141 (dicht bij Bea ja..) Op deze creatieve werkplek werk ik samen met Lara Roelofsma (print) en Walter Thompson (evenementen). Kom gerust langs voor een kop koffie zou ik zeggen!

Grotere kaart weergeven

11,3 km/h

Owen — Thu, 06 Oct 2011 10:48:35 +0000

Okay het is een beetje offtopic deze post, maar ik wil hem toch graag even vermelden. De 10km singel loop van Breda is getackeld! 53:12 min. ofwel 11,3 km/h. Niet slecht gezien de drukte, hitte (26C), slechte voorbereiding en mijn korte beentjes.

Laatst kilometertje inderdaad even Usain Bolt achtige sprint taferelen en daar schijn ik zo content mee te zijn dat ik in ‘eye of the tiger’ stijl de finish over kwam (0:50 min.) Te grappig om terug te zien!

http://tinyurl.com/6hfyrzj

China

Owen — Tue, 13 Sep 2011 14:05:40 +0000

Iets meer dan 2 maanden geleden zat ik nog in China. Daar gaf ik lectures, interactive design lessen aan studenten en begeleidde ik een x aantal afstudeer studenten.

Ik vond mijzelf terug via deze link Persoonlijk vind ik dat ik er op sta als een halve gedetineerde, maar dat terzijde.

Ik heb China ervaren als een heus avontuur. Diep in de binnenlanden van China in een stad van 8 miljoen (!) mensen, waar men nog oprecht nieuwsgierig is als er een buitenlander de toko binnen stapt. Ondanks de enorme hoeveelheid mensen, welke gelijk staat aan de helft van Nederland, is er maar een hand vol expats te bekennen. Heel vreemd eigenlijk voor iemand uit een multi-cultureel land, net zo vreemd als de al overheersende censuur.

Ik heb er heel interessant werk verricht als gast docent en lecturer interactive design op de universiteit aldaar. Het niveau was schrikbarend laag, wat op zich niet vreemd is aangezien de Chinese overheid het megalomane plan heeft om de hoogst opgeleide bevolking ter wereld te bewerkstelligen (1,3 miljard mensen, red.). Maar desalniettemin heb ik wat design pareltjes onder mijn studenten kunnen ontdekken door al het gekopieer heen (bronbestanden eisen!). Achteraf gezien heb ik volgens mij ook in een nep Apple store gestaan, over kopiëren gesproken…
Feit is namelijk dat mensen daar niet worden gestimuleerd om voor zichzelf te denken. Dat is okay als je meer dan een miljard mensen in bedwang moet houden, maar het komt wat minder uit als je als vrijgevochten ontwerper studenten out of the box wil laten denken.

Uiteindelijk ben ik bijzonder trots op mijn klassen geworden. Okay ik heb er twee moeten verwijderen wegens ontoelaatbaar gedrag, maar de band met de rest is in 4 maanden tijd heel hecht geworden. Ik hoop dat ik ze enigszins inzicht heb kunnen geven in het feit dat ze hun toekomst zelf kunnen bepalen en dat ze het grijze Chongqing wat kunnen opfleuren met mijn design kennis.

Nieuwe klant!

Owen — Thu, 08 Sep 2011 11:28:01 +0000

Een heugelijk feit heeft zich voortgedaan. Overtuigd van het nut van een representatieve website, heeft boekhouder Marc Vosse van Administratiekantoor Vosse, gekozen voor een nieuwe WordPress site.

In de toekomst kan Marc zijn eigen website onderhouden, blogposts aanmaken, Google Analytics statistieken uitlezen en (laten we dat niet vergeten) met kop en schouders boven de grijze massa van administratiekantoor websites uitsteken (lees: meer conversie)

Goede keuze Marc!

Inkling by Wacom

Owen — Fri, 02 Sep 2011 10:46:19 +0000

Mijn Wacom tablet & ik zijn onafscheidelijk, maar dit is toch wel echt de bomdiggy Teken op echt papier en digitaliseer je schetsen in een handomdraai. De mogelijkheid bestaat om layers aan te brengen en ze te exporteren naar Photoshop of Illustrator. Daar kun je de paths alsnog veranderen mocht dat nodig zijn. Hoe te gek is dat! Check de video:

Vrijdag!

Owen — Fri, 26 Aug 2011 13:19:18 +0000

Zeau! Het is vrijdag. 2 leads binnen, fijn aan het werk, beetje bewolkt maar wel lekker warm (genetisch) en dan Foster the People met Pumped up kicks. Heerlijk!

Kick some ass!

Owen — Mon, 15 Aug 2011 23:54:21 +0000

Okay, de tent is geregistreerd bij de Kamer van Koophandel, BTW nummer is binnen. Nu alleen nog even wachten op het zakelijke rekeningnummer en alles is legit, ofwel: Owen Ontwerpt is een feit!

DUS! Zeg je neefje die ook wat klooit met Photoshop maar af, want van nu af aan ga je gewoon mij bellen! Inderdaad die gozer in Den Haag die super strakke websites ontwerpt (en bouwt), WordPress sites met CMS oplevert, drukwerk verzorgt en huisstijlen creëert. En uiteraard geldt. Mocht je zelf niet een van de bovenstaande producten nodig hebben, dan sta ik natuurlijk altijd open voor mensen die jij wel kent…

Let’s rock & roll!!