cSuite Productivity App

[vc_row][vc_column][vc_custom_heading subheading=”Pixel-perfect mocks and specs”]Productivity App UI Design[/vc_custom_heading][vc_column_text]The cSuite App was a mobile app conceived to revolutionize the user experience and utility of the standard email, calendar, and file manager app. It did 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.[/vc_column_text][vc_empty_space height=”64px”][vc_custom_heading]Pixel-perfect mock ups[/vc_custom_heading][vc_gallery el_id=”gallery-208582″ medias=”567,564,752,753″ gutter_size=”2″ screen_lg=”1000″ screen_md=”600″ screen_sm=”480″ single_width=”6″ single_overlay_opacity=”50″ single_padding=”2″][vc_custom_heading]Mobile app coordinate & specs[/vc_custom_heading][vc_column_text]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. They are a helpful design artifact that guides the developers on how to implement the design.[/vc_column_text][vc_gallery el_id=”gallery-208582″ medias=”260,261,262,263,264″ gutter_size=”2″ screen_lg=”1000″ screen_md=”600″ screen_sm=”480″ single_width=”6″ single_overlay_opacity=”50″ single_padding=”2″][/vc_column][/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column][vc_custom_heading]Main Menu Design for a Productivity App UI[/vc_custom_heading][vc_column_text]As an innovation in productivity app UI design, I helped design cSuite’s main menu to be an expanding petal-like flower. Each petal was a different menu option. The goal of the schematic below was to show the relationship between the central circle area compared to the number of petals.

This menu featured a unique icon set that I designed. You can see on my Icon Design page.[/vc_column_text][vc_single_image media=”557″ media_width_percent=”100″ image=”557″ img_size=”full”][vc_empty_space height=”64px”][vc_custom_heading]App Design and Flow[/vc_custom_heading][vc_gallery el_id=”gallery-120506″ medias=”754,755,756,763,757,761,759,762″ gutter_size=”2″ screen_lg=”1000″ screen_md=”600″ screen_sm=”480″ single_width=”6″ single_overlay_opacity=”50″ single_padding=”2″ single_border=”yes”][/vc_column][/vc_row]