Martin Ruegenberg — Graphic Designer and Digital Craftsman
06 App Widgets.png

Pausely

UX/UI — Lean UX, Agile, Scrum, GV Sprints, Design Thinking, Sketch, Flinto, Wireframing, Prototyping

2018

01 Brand.png
Concept

Concept

Pausely it’s a desktop app that lets you create and manage your breaks from work at your own rhythm and control, while sharing them with other people makes it easier to plan group breaks with colleagues and coworkers.

The idea for the app and its functionalities is to be simple, efficient and completely adapted to the way we work.

Close-up

Close-up

App icon on the MacOS menu bar

The Widget

The Widget

From the timer to the pauses, everything lies within the app’s widget, that’s as invisible and unobtrusive as possible so the user keeps focusing on her work until it’s time for a break.

06 App Widgets.png
The Process

The Process

From UX to UI, the app was built and designed using a Lean UX approach and applying the Design Thinking methodology.

Prototypes

Prototypes

Timer functionality, postpone and cancel pause functions, statistics and groups.

Pausely-Prototype-01.gif
Branding

Branding

Efficient, Strong, Healthy and Trustworthy were the attributes that came out of the research process and that were considered when designing the brand.

05 Circled Logo.png
Branding Concept

Branding Concept

We’ve always searched for the blue when wanting to do a pause from work, a break from stress, a disconnection from the world, even if it’s only for a couple of minutes. In the sea, in the sky, in a lake, in a fountain… blue is always present.

10 Images.png
 Blue is the color of calm, it relaxes, it breathes. It was perfect for the app, and a great way to represent the brand attributes. So were the complementary colors.

Blue is the color of calm, it relaxes, it breathes. It was perfect for the app, and a great way to represent the brand attributes. So were the complementary colors.

12 Colors.png
13 Colors.png
Typography

Typography

The brand uses Montserrat as the primary family font, to highlight the brand attributes through bold titles and statements; while the app uses San Francisco Compact Text thanks to its readability and on-screen adaptability.

15 Typography.png
16 Typography.png
16 Typography Copy.png
16 Typography Copy 2.png
17 Last Image.png
Landing Page

Landing Page

Prototype Design for the app’s landing website

 Want to see the Landing in detail? Interested in taking this idea further? Let’s talk!

Want to see the Landing in detail? Interested in taking this idea further? Let’s talk!