oBook.nl - E-book webshop design added to portfolio

Magento / Drupal Specialist Synocom (currently Youwe), based in Rotterdam, asked Dutch Freelance Visual and UX/UI Michiel Nagtegaal to develop a new graphic style and online identity for one of their clients: oBook, a new e-book webshop.

The oBook logo was already designed. Based on the colors and typography in the existing logo I designed a new User Experience / User Interface. 

The shop was to be build on the Magento webshop framework. Synocom / Youwe has a lot of experience in developing Magento based webshops, so a lot of my ideas where implemented and they gave me a lot of freedom in designing the online shop.

View fullsize

OBOOK.NL E-BOOK WEBSHOP - PRODUCT DETAIL PAGE DESIGN

Click on the button below to see more images of the designs and read more on my role as a Freelance Visual and UX/UI Designer in this Magento webshop design project.

---

This might be interesting too:

BLOG // DESIGN & ILLUSTRATION

BLOG // ART

BLOG // INTERIOR & STYLING

BLOG // PERSONAL

---

Robeco.nl corporate website optimisations added to webdesign portfolio

Since June 2016 I have been working as a Freelance UX/UI and Visual Designer at Robeco Institutional Asset Management. I was part of a small but dedicated team of various disciplines responsible for the online marketing and website optimisation of Robeco.nl and Robeco.com.

Robeco

Robeco is a top asset manager with more than 85 years of experience in fund investing, with their headquarters in Rotterdam, the Netherlands. Their clients range from private individuals and companies to institutional investors, such as pension funds.

Their investors are active in Rotterdam, Chicago, Paris, Zurich, Boston, New York, Mumbai and Hong Kong.

View fullsize

dscdscsd

Challenge

When I started, Robeco's website wasn't updated much in the past years. A small team was set up and is still responsible for the e-commerce acquisition and retention optimisations on Robeco.nl.

View fullsize

RE-DESIGNED FUND SELECTOR PAGE WHERE INVESTORS CAN SELECT THE FUNDS THEY WISH TO INVEST IN. I FOCUSED MAINLY ON THE NAVIGATION AND THE WAY THE LARGE AMOUNT OF CONTENT IS PRESENTED.

Click on the button below to read more on my role as a Freelance UX/UI Designer in the small Robeco team.  And the parts of the Robeco website(s) and mobile app I proposed a re-design for, on my Robeco portfolio page.

---

This might be interesting too:

BLOG // DESIGN & ILLUSTRATION

BLOG // ART

BLOG // INTERIOR & STYLING

BLOG // PERSONAL

---

Re-designed corporate website Youwe.nl added to webdesign portfolio

In the end of august 2017 I finished two rounds of User Interface / Visual Design for Youwe. CEO Rob Wiek of the Rotterdam (NL) based internet agency, asked me to provide a re-design of their existing website.

After an initial set of two different version they decided to continue with the first, more traditional version.  

Since 2000, Youwe (pronounce it as 'You We') has been working for clients like Grolsch, Heidelberg, SNS Bank, 24Kitchen, Spinning Records, PPG and the Dutch postal company Postnl. They have a strong focus on technical, Magento e-commerce projects.

Design brief

Rob Wiek contacted me with a simple brief; 'Provide us with a few re-designed pages of our corporate website Youwe.nl. Don't bother redesigning content.'

Design solution and Art Direction

I designed two versions, both based on Youwes existing brand guidelines. 

Version 1 has a more traditional look&feel but with a lot of whitespace and well-balanced graphic elements. I also suggested a change in the typography to get a more consistent look channel-wide. 

Version 2 used a more bold approach and freedom towards the current brand style. 

Youwe choose to continue with Phase 2 with the Version 1 designs. 

All web designs where made with the Mobile First methodology in mind, where mobile designs where designed prior to the desktop version. Although this usually is used because of the advantages in content presentation and sanitation (not part of this project), I used it primarily to make focus on great mobile website design.

---

This might be interesting too:

BLOG // DESIGN & ILLUSTRATION

BLOG // ART

BLOG // INTERIOR & STYLING

BLOG // PERSONAL

---

Knorr.nl, risotto en waarom de ‘Less is more’ design strategie niet altijd opgaat

De laatste twee maanden heb ik de reistijd naar mijn werk drastisch ingekort tot iets minder dan 20 seconden. Dat zou best iets te maken kunnen hebben met de reisafstand. Die is namelijk eveneens drastisch ingekort. Tot 20 meter. Dat vind ik erg prettig want files, parkeerproblemen of uitvallende en/of overvolle treinen met natte jassen, overmatig after-shave gebruik en slecht nieuws op dun papier ben ik, in die kleine 20 meter naar mijn computer, in de afgelopen acht jaar in deze gemixte samenstelling nauwelijks nog tegen gekomen.

Natuurlijk; adrenaline stuwende bureaustoelraces, strategisch-tactisch overleg met lichtbruin ‘koffiewater’ bij de koffie-automaat en drie keer per week vette slagroomtaart als er wéér iemand jarig is, heb ik hierdoor jammerlijk moeten ‘missen’. Over eten gesproken, mijn lunchtijd is, hoewel ook drastisch ingekort, wél verbeterd.

Knorr Risotto
Drastisch inkorten is erg modern en helemaal van deze tijd. Less is more! More trouble in het geval van de AEX-beurskoersen maar om het positief te houden, more time als het gaat om koken. Op onze huiselijke menukaart staat al jaren, met stip op eenzame hoogte, de Knorr Risotto. Waar vriendin Janette beweert in vroegah tijden Mario op de Nintendo achterstevoren, 0ndersteboven blind te hebben gespeeld, zo kan ik dat met Knorr Risotto. Eindeloos geduldig wacht ik nog op een lucratieve film-aanbieding voor een Risotto-versie van Tom Cruise’s Cocktail maar tot die tijd hak, bak en sudder ik ons met weinig respect voor het traditionele rollenpatroon, maar zonder fout keukenschort supersnel naar een overheerlijke Risotto.

Graag zie ik niet Tom Cruise in de aftiteling van de eerdervernoemde Risotto-versie van Cocktail staan maar, ondergetekende. Hoewel de credits voor deze overheerlijke ‘Italiaanse’ maaltijd natuurlijk naar Knorr gaan. Die hebben het goed voor elkaar met de rood-witte, kartonnen verpakkingen van Wereldgerechten. Het zacht pruttelende eindresultaat na een klein half uurtje achter het gasfornuis ruikt en proeft alsof maffiabaas Don Corleone elk moment kan binnenstappen bij ‘die Mamma’, maar elke gezonde Hollandsche jongen zou weinig moeite moeten hebben met de snelle bereiding van deze Italiaanse klassieker.

Smeuïge fotografie
Interactief Rotterdams webbureau Suntzu had wel iets meer dan een half uurtje nodig om mijn Photoshop ontwerpen voor de vernieuwde Knorr.nl website om te zetten naar een volwassen website. Dat is niet zo gek, websites zoals dit komen niet uit rood-witte kartonnen verpakkingen. Het resultaat is goed doordacht. Een belangrijk probleem met de oude site was dat de ronde vorm niet echt praktisch was om veel content kwijt te kunnen. Dat is opgelost door de uitbreidingsmogelijkheid naar onderen. Bovendien miste het smeuïge fotografie om de ‘lekker eten’-uitstraling te krijgen die zo belangrijk is om voeding te verkopen. De fotografische curve aan de zijkant zorgt voor de benodigde sfeer, zonder al te veel ruimte te pakken van de belangrijke content. Bovendien zorgt het tegelijkertijd voor iets waar ik me graag sterk voor maak in een website-ontwerp; unieke en herkenbare elementen in de vormgeving.

‘Less is more’ design filosofie niet van toepassing
In navolging van eerdere freelance opdrachten voor Suntzu van o.a. Canon, Bertolli, Ola en schoonmaakbedrijf Hago was Knorr wederom een interessante opdracht. De uitdagingen en wensen van Unilever waren vooraf goed in kaart gebracht. Als je vervolgens als webdesigner / art director het vertrouwen van de opdrachtgever krijgt om vrij onderzoek te doen, dan betaalt zich dat aan het eind van het project dubbel en dwars terug. Een goede designstrategie en een ruime eerste conceptfase faciliteren dit onderzoek naar alle mogelijkheden. Bij oplevering zorgde dit voor een veel beter onderbouwd eindresultaat. Less is more, was hier duidelijk niet van toepassing.

---

Mogelijk ook interessant

BLOG // DESIGN & ILLUSTRATION

BLOG // ART

BLOG // INTERIOR & STYLING

BLOG // PERSONAL

---

Wat kunnen we leren van het herontwerp van huisstijlen en logo’s van grote merken

A growing network and enterprise dedicated to the progress of the graphic design profession and its practitioners, students and enthusiasts. Klinkt dat niet wonderschoon?

Bij het lezen van een dergelijke, ronkende tekst hoor je Queen Elizabeth het al langs haar hete aardappel statig voorlezen. Toch gaat het hier over UnderConsideration. Dit ‘New York based’ internetbedrijf is vijf jaar geleden gestart, in de Gouden Eeuw van de Blogs door designers Bryony Gomez-Palacio en Armin Vit.

Inmiddels heeft het duo een vijftal sites in de lucht gebracht. De sites zijn ‘onderdeel van de groeiende dialoog in design en de brede waardering ervan door het gebruik van internet’. Veel gepraat over iets dat je vooral zelf moet zien en ervaren, als je het mij vraagt. Toch hebben ze wel degelijk iets te melden.

Zo kreeg ik enkele dagen geleden Brand New door Jarno Dijkstra van HoofdletterJ in mijn mailbox gedumpd. Brand New is één van de sites uit de UnderConsideration stal. Het specifieke artikel voorziet in de schijnbaar onbedwingende behoefte van mensen om aan het eind van het jaar, als de geur van dennenaalden samen met de smaak van oliebollen de zintuigen prikkelt, lijstjes, jaaroverzichten en terugblikken te hebben.

Dit overzicht van 2008 vers en anders. Het toont het redesign van logo’s van grote merken, waaronder Pepsi, Xerox en Ford. Over smaak valt niet te twisten maar een scherpe discussie, onder het genot van een lekker glas wijn, over de kwaliteit van een nieuw logo is altijd zinvol.

Aanleiding voor het doorsturen van deze link één een goed voorbeeld van twijfelachtige verbetering is het Animal Planet logo. Hoewel het oude logo zeker toe was aan een opfrisbeurt, kan ik me ook zeker vinden in het commentaar op het nieuwe logo: ‘This logo is neither animal nor planet’. Doe de test en vervang de letters door andere en er wordt pijnlijk duidelijk dat het logo de plank misslaat. Bovendien is het logo in zijn communicatie afhankelijk van de groene kleur. Laat deze weg en het logo communiceert niets meer.

Een logo is een visuele vertaling van een merk en communiceert haar merkwaarden. Of dat bestaande of nieuwe zijn, is bij een redesign minder relevant. Wél bepalend zijn de leeftijd van het merk en of het inmiddels ‘geladen’ is. Deze specificaties bepalen ook de functie van het logo.

Letterlogo’s als die van Samsung en Apple maar ook de diverse cosmetica- en kledinglogo’s zijn een uitstekend voorbeeld van geladen logo’s. Ruimschoots geladen door merkwaarden bewijzen deze logo’s dat een unieke, en daardoor herkenbare uitstraling belangrijker is dan communicatie van dienst of product.

Wordt er bij een redesign voor een rigoreuze omschakeling in de vormen van het logo gekozen? Dan zul je het verlies aan herkenbaarheid moeten compenseren door opnieuw te vertellen welk product of dienst je vertegenwoordigd. In andere woorden: je bent opnieuw een kleuter waarvan de identiteit nog moet groeien.

Ook het jaar 2009 is nog jong en zonder identiteit. Hoe zou een logo voor het jaar 2008 eruit moeten zien? In ieder geval zou ik in een visuele terugblik op 2008 het uiteenklappen van de financiele zeepbel terug laten komen. Zeep is hier toepasselijk, want nodig om de vervuilde karaktertrek van meer uitgeven dan je hebt, schoon te maken.

Iets om in ‘consideration’ te nemen.

---

Mogelijk ook interessant

BLOG // DESIGN & ILLUSTRATION

BLOG // ART

BLOG // INTERIOR & STYLING

BLOG // PERSONAL

---