Productivity App UI Design

Pixel-perfect mocks and specs

The cSuite App is a mobile app conceived to revolutionize the user experience and utility of the standard email, calendar, and file manager app. It does so by making the features fit the “spheres” of our digital lives.

The design goal was to create a light uncluttered and calm user interface. I designed it to provide the user with just the right functionality for the tasks they need to perform most. I took high-level concepts and distilled them down to implementable user interface designs.

Pixel-perfect mock ups

Mobile app coordinate & specs

Finally, I created pixel-perfect mocks with coordinates to guide the developers. Then, where needed, I output final assets at the appropriate pixel densities. Below you can see the pixel-perfect mocks I created to guide the developers on how to implement the design.

Main Menu Design for a Productivity App UI

As an innovation in productivity app UI design, cSuite’s main menu was designed to be an expanding petal-like flower. The goal of the schematic below was to show the relationship between the central circle area compared to the number of petals.

This menu feature a unique icon set that I design and can be seen here.

App Design and Flow