I’m a digital product and service designer based in Amsterdam

Yubi app
Yubi app
Yubi app
Yubi app

Yubi

How might we create a better habit-building app?
  • Project: Native iOS app
  • Role: Product Design (UX & UI)

Yubi is an app that helps people build good habits and make positive changes, by creating groups of people that encourage each other to complete their goals.

Yubi app
Yubi app
Yubi app

Users can create new goals, or join existing ones. When they do, they invite other people to partake in the effort with them. As each person completes the goal, they check-in on the app and others in the group get an encouraging nudge to match their peer's achievement.

Yubi app
Yubi app
Yubi app
Yubi app

Yubi is a self-initiated project currently in development, and will appear in the app store later this year.

Yubi app
Yubi app

NS International

Working with a national rail operator to find opportunities for innovation
  • Project: End-to-end customer journey, Innovation
  • Role: Service Design, Lean process coaching
  • More info: Case study

NS International is a branch of Nederlandse Spoorwegen, the Dutch national rail operator. I led two projects with the company while working design and innovation agency Nordkapp, looking for new ways to improve experiences for rail travellers.

Through the project we developed and tested concepts using design thinking, lean startup methods, customer research and experiment design. Read more in the full case study here

Project process
Output from a 'story so far' journey mapping exercise to help the team to align, review our findings so far, and refocus on the problems at hand.
Experiment
Experiment
Experiment

Another Escape

How might we create a digital experience to complement a printed product?
  • Project: Responsive web, E-commerce
  • Role: Product Design (UX & UI)

Another Escape is a printed magazine on the subject of creativity and exploration. Working with the magazine's in-house designers, a digital experience was created, allowing selected content to be read online, subscriptions to be purchased and a full e-commerce facility.

Another Escape
Another Escape
Another Escape
Another Escape
Another Escape

Instead of directing readers out of their flow and into a shopping area, purchase points were woven through the content of the site.

Another Escape
Another Escape
Another Escape

Neyber

Helping to build a FinTech startup, from brand development to product design, build and launch.

Neyber is a FinTech start-up offering a number of financial products directly to workers as benefits via their employers.

As part of the team that created the brand for Neyber, in my role of senior digital designer I developed the brand for digital applications, working on aspects including the naming, tone-of-voice, UX principles, customer journey flows and UI design system.

Later I joined the Neyber in-house team as Lead digital designer, where I worked on a range of concepts including the flagship salary-deducted loan product which is currently live.

Neyber has since lent over £100million and continues to develop new partnerships with employers.

Who Are You Now?

How might we create an online platform for long-form reading, that can be enjoyed by those with cognitive impairments?
  • Project: Responsive web
  • Role: Product Designer (UX & UI)
  • More info: whoareyounow.org

Headway East London is a charity that works to support survivors of brain injuries. In a 6 month partnership working with content editors and key department heads at the charity, I led the team that developed and built Who Are You Now?, a website which tells the stories of Headway's members.

The stories would be up to 10,000 words in length: The challenge therefore was to create a manageable long-form reading experience that could also be enjoyed by those with cognitive and physical impairments.

Accessibility considerations were of course a key requirement, and among other features, the site can be navigated and operated entirely by keystroke. Design decisions such as font choice, spacing, contrast and messaging are based on guidelines and research conducted with the user base.

Stories can be navigated by keyword, so that readers can browse a context-specific reading of each one.

The text abstraction on the right of the screen allows the reader to see where they are in the story, as well as to use it as a navigation device.

Option Grid

Creating interactive decision aid for patients and medical professionals.
  • Project: Web-based application, front & back-end
  • Role: Product Designer (UX & UI), Development Lead
  • More info: Case study

Choosing a treatment option following a diagnosis can often be stressful and confusing. The Option Grid project changes this by guiding patients through the key questions influencing a treatment choice, to help them make an informed decision.

Working in close collaboration with the stakeholder team at Dartmouth College, I led a small team of designers and developers to create the Option Grid website, and directed its testing and launch in 2016.

In 2017, Option Grid was purchased by EBSCO, the leading provider of research databases in the US.

Option Grid
Option Grid
Option Grid

An extensive period of prototyping and testing, in close collaboration with developers and using Lean development techniques helped to refine user flows.

Our team was responsible for both the end-user-facing interface, as well as the back-end interface used by admin and research staff.

Option Grid

The outcome for the patient at the end of the ineractive journey is a read-out of the options they’ve selected along the way. At a glance the patient can easily judge whether they are leaning towards a certain option.

Option Grid has thousands of users across the world including medical practitioners and the general public. The data the website collects has been used in PHd-level studies into healthcare delivery and continues to help empower patients in their choice of treatments today.

Booking.com De-stresser

How might we make it less stressful to book accommodation?

Booking.com is a fantastic resource. But it uses an uncomfortable amount of persuasion nudges, often creating illusions of scarcity and stressing the user into conversion.

This Chrome Extension works by hiding or re-wording the nudges to remove the stressful elements and calming the overall experience.

Read more in the full case study here

V&A browser plugin

How might we facilitate discovery in a collection of millions of objects?

With over 4.5 million objects in its permanent collection, the V&A is the world’s largest museum of decorative arts and design. But with such a huge archive to explore, how do you discover the unknown?

In this self-initiated project in collaboration with designer Gala Jover, we developed a concept for a Chrome browser extension which would connect to the V&A Museum’s database API, retrieve an object from the collection at random and display it along with its associated information, each time you open a new tab.

By working with the new tab trigger in the browser, the user's normal flow isn't disrupted or slowed down by the extension, and they are free to dismiss what appears if it isn't of interest. When an item does catch their attention however, they can use the interface to reveal more information, and use the Pinterest facility to save the item to a board.

Part of the reason for choosing the V&A as our collection was due to their simple and easy to access API. With advice from the technical team at the V&A we were able to improve the results the came back, filter edge cases and add features like user-defined search terms, to allow people to tailor their results to topics more relevant to their interests.

Cole is available for free download from the Chrome store