Animation by Ilya Pavlov
Pau's dark and light mode on laptops

Organize bookmarks in an easier and faster way

Role: Product Designer Timeframe: 1 month

Overview

Pau is a bookmark manager in a Chrome extension that help people who work most of their time in a computer. This manager let you save links, stories, articles and organize them neatly in folders or subfolders on the go with a single click. Pau is committed to save your time when working in day to day.

Problem

Pau is a small project developed without a design system, this influence the way our user interact and engage with the app. Moreover, the UI have accessible problems that need to be improved.

Goal

- Guarantee consistency across the app.
- Increase engagement with the product with a clear brand identity.
- Make Pau accessible for those who prefer dark mode and keyboard navigation.
- Improve how Pau manage your personal account.

Latest
designs

Pau's preview  dashboard

The user

The team conduct surveys to users between 22 and 35 years old that works from home in a computer in order to evaluate the performance of Pau. They found the following points to review:

1

Log In

Users are having problems when they switch from one device to another using Pau. Everytime they have to log in manually which means to write a mail and password, so it feels tedious. Besides, recover the password isn't working as expected. We have to consider an easier way to achieve that.

2

Health care

Users are aware of the effects caused by screen light and want to avoid this unpleasant experience in their day-to-day.

3

Accessible

They found Pau interesting, but they feel it's not as fast to navigate as we think since they have access only with a mouse - mouse pad for most of the common actions

Visual Design

System colors

Pau - color theme

Typography

Pau - font-typescale

Spacing

Pau spacing

Design System

Pau - Design System

Design―

key moments

Welcome aboard

Once you install the extension on Google Chrome you become part of Pau’s universe and in a few steps you’ll be ready to start saving your favorites links and access them in the dashboard. We improve the login, since now everything store in your personal Google Chrome account.

Pau-welcome-aboard
Pau-key-shortcuts

Easy shortcuts

When it comes to day-to-day work and increase productivity, it’s very useful to have a fast and easy way to access to every  tool we use. We need Pau not to be the exception. We implemented some shortcuts to help users to shift between their bookmarks.

Dark side

We want the new look enhance Pau’s personality. Moreover, we introduce the dark mode: the perfect comfort for people who have to be at the screen all the time and which can help them satisfy their day-to-day work without greatly affecting their eyesight.

Pau's overview light & dark mode

Retrospective

Impact

During our week-long Product Hunt launch, we got 115 installations from the Google Chrome Extension Manager and 1200 total sessions. On day one, 51% of our users activate the dark mode. So far we are very happy with the result and looking forward to iterate closely with users.

What I learned

Since this project was a collaboration with a very small team and low budget, I learned how to prioritize and keep me aligned to the scope on time. I could realize how few improvements that come from user needs, give more value to a product. We know as a team, we should keep looking for opportunities and improvements.

PREVIOUS PROJECT
NEXT PROJECT