Evernote Themeing

Background

Evernote is a productivity company focused on providing people with a "second brain" where they can store and access notes and artifacts.

The Project

In early 2018 when iOS announced themeing support, the mobile team set out to get theming on iOS and Android out to customers. This was one of the most highly requested features at Evernote.

The Problem

Make Evernote more accessible and easier to use.

My Role & The Team

Lead designer alongside 1 PM, and 5 engineers from Feb 2018 to April 2018

Background

Themeing has always been one of the most highly requested features at Evernote. Ever since theming became a thing on desktop in the 2000s.

Previously on mobile Android and iOS had very distinctive styles. This was for a various reasons but one of the biggest was that they were designed by separate teams with separate interests. It wasn't till 2018 when the mobile teams came together under one unified team that things started becoming more aligned between the platforms.
Examples of reminder notes and checklists inside a note.

Exploring

One of the first things we established was just a consistent set of color tokens across all screens.

We also started to establish a more subtle palette that gave more attention to the users content.

Outcome

Entrypoint

We first established a entry point via the user setting screen that allowed them to control what theme would be active.

For this entry point we tried as much as possible to stick to native OS patterns.

Color system

With this release, we also introduced a simple color system for mobile that can easily scale to desktop platforms later on.

Screen examples

The light and dark mode not only helped cleaned up the UI but also allowed us to improve accessibility and legibility across our mobile clients.

Accomplishments & Learnings

Goals achieved

- Launched themeing across iOS and Android
- Established a structured color system on mobile
- Addressed the most requested feature at Evernote
- Acomplished all this work across 2 mobile teams containing 15 engineers in less then 3 months.

Explore more

Evernote Collect

Experience Design

Autodesk Design System

Experience Design

Gantri Marketplace

Experience Design

Misc Branding

Branding
HomeaboutDribbbleTwitterInstagramLinkedin