Vaporizers are modern-day gadgets for easy people. For Vaposhop, I created the visual design for an improved web shop with a fresh identity.
Schulinck provides Dutch municipalities with information about legislation. Their website is a primary sales channel.
Part of Wolters Kluwer, Schulinck provides Dutch municipalities with information about legislation like the Social Support Act and environmental law. They do this through both digital knowledge platforms as well as frontal instruction courses. Schulinck came to Shopworks asking us to help them integrating their existing offers into a new website, honouring the Wolters Kluwer brand while at the same time solving important issues with customer onboarding and navigation.
The existing site used varying navigational patterns across different templates and pages.
To enable consistent navigation we introduced a mega menu: horizontal menu items with dropdown navigation. In the top level are the main products, services and areas of expertise: Knowledge Domains, News, Products, Courses and Legal Advice.
For knowledge base products, customers can apply for a trial. The form was complex and used three different steps to gather information, even if the number of fields was low. We changed it into a one page form and streamlined the onboarding flow by adding a clear Call to Action on the product page.
To test assumptions early in the process, we created a test model containing the new navigation and a partial model of the site containing a selection of important pages like course index and detail view, product index and detail view, and knowledge domain portal pages. We then setup a task analysis for a group of about 30 current customers.
The results gave insight into which of the design choices worked, and which did not. Some changes we made:
Customers were directed to the general Wolters Kluwer shop for ordering. Thus they were less likely to continue browsing the Schulinck site, and they had a fragmented buying experience.
This was especially true for courses, where extra information is needed from participants.
By integrating the cart and checkout within the website we could streamline the customer experience and make it easier for Schulinck to collect exactly the information they needed. Normal products have a simple checkout flow, while courses have an additional step where users can enter information of all course participants.
Tools used Sketch, Zeplin
CMS Stack WordPress with WooCommerce
A website for Emily Kocken’s novel ‘De kuur’ (the cure) inspires readers with background information.
In De kuur, the second novel by writer and visual artist Emily Kocken, main protagonist Yves Altman—obsessed with Thomas Mann’s Magic Mountain—travels to Davos in Switzerland together with his extensive family.
An illustrated directory of art bookshops worldwide, born out of a personal need: what great art bookshops to visit when in other cities?
Art Bookshop Index is an illustrated directory of art bookshops worldwide. The index was born out of a personal need: what great art bookshops can I visit when in other cities?
This portfolio website for Iris Kensmil is an index of her work, exhibitions, reviews and publications.
A visual artist from Amsterdam, Iris Kensmil imagines the role of black people in Western history. The brief for her website called to isolate single works in her portfolio. The website allows visitors to filter the archive without creating new visual combinations—that often distract the visual power of a singular item. You could call this ‘Curating the Singular’.
The solution uses archive templates that do not show the image. One is a simple list, the other a grid with works represented by empty boxes. The image is visible only when the mouse enters the box. A click leads the viewer to the full representation of the work with a caption.
Both templates can be filtered by choosing the type of work: painting, drawing, installation, print, etcetera. The list template is also used for the Resume.
The detail view adapts based on the content: image only with a caption in Work, text only like in Reviews, or both in Exhibitions. Texts can have a carousel of images on top. The layout adapts across devices, and interactions also work on touch displays.
Portfolio website for visual artist and writer Emily Kocken. The site is responsive for smartphone, tablet and desktop.
Album sleeve design for a jazz artist.
‘Tenor Sax Impulses’ is the first solo CD of long-time Dutch saxophone player and composer Onno de Maar. In his own words: ‘Making this CD has been on my mind for a long time’. We created a promotional website to accompany the album launch.
A teaser one page responsive website for the annual report of Woonbron: a large housing corporation from the Netherlands.
A teaser one page responsive website for the annual report of Woonbron – a large housing corporation from the Netherlands. The page gives an overview of the core annual statistics. An interactive infographic shows housing properties divided by type in the five main regions. The central text contains four interviews with stakeholders. PDF versions of the printed reports can be viewed in a digital reader. I applied several one page website techniques: among them CSS animation, an anchor-based top menu, smooth scrolling. The website is typeset in an embedded version of TheSans by LucasFonts.
The portfolio for Cascade focuses on cleanly presented visual identity work: reports, branding and wayfinding.
Cascade is a corporate design agency in Amsterdam. While working there I designed several iterations of the website. This version has a responsive front end for smartphone, tablet and desktop. We used a Mobile First strategy for this, and were able to improve on the desktop version by focusing on the essentials.
We started with the main content of the site: the project portfolio. For the smartphone we chose an image carousel to encourage swiping.
The mobile pattern we used improved the desktop version. Tests showed that users found it a more intuitive solution than the lightbox pattern we used previously. A collapsible menu for the smartphone and tablet versions keeps the main emphasis on the content.
As a theatre/co-production platform Het Veem Theater supports young international performance makers in developing their work. The design for the website references their discours based practice through a predominantly textual interface. Central to that is the programming, which consists of regular performances and festivals, but also special multi day events and a production archive. We designed the templates for this in several iterations. As a result usability for visitors was increased, while the staff was served by a bespoke WordPress theme utilising several custom post types and fields.
Photo book depicting homeless people and their environment.
Tracing the Mother Key honors the beauty of the homeless face. Spending almost a year with homeless people who live in an Amsterdam Salvation Army shelter project called Domus, Emily Kocken made portraits in her studio in the same high-rise. Building up a relationship of trust, a group of regular models developed, who actually invited her more and more into their rooms.
Albert van Veenendaal is a piano player/composer that specializes in improvised music and prepared piano.
Digital brochure for an old Zaanstreek rice mill turned into creative office space.
Hollandia is a historic warehouse and rice mill in the Dutch Zaanstreek, which today is used as an office space. The website provides information about its history and shows many images of the characteristic building.
