Good Technology: Mobile App UI System

Context
This email, calendar, contacts mobile app by Good Technology was being created as HTML, CSS, and JavaScript running through a custom browser. I was responsible for designing a comprehensive system of all final screen artwork, starting from initial mood board conceptual roughs. Working in an agile product development environment, these were then deconstructed by staff-level visual and interaction designers and used within sprint cycles. Besides designing the visual design of screens down to pixel-level accuracy, I defined the final consistency of UX architecture within interaction patterns and the components library. The white screens designs at the end demonstrate design flexibility and opportunities in using CSS to define style.
Contributions
Comprehensive pixel-level visual design, design patterns and component definition, alignment of UX and information architecture
Role
Principal / Lead Designer

Software
Photoshop, Illustrator

Good Home Screen Alerts List

01_goodbrief_list_v2

Email Inbox, No Zones

02_email_inbox_v6_no-zone2

Email Inbox with Search

03_email_inbox_v6_w-search

Email Message View

04_email_msg_view_v7-4

Email Message View, Alternate

05_email_msg_view_v7-5

Email Ripple Detail View

06_email_ripple_view_v5

Email Compose Message

07_email_compose_msg_v4-2

Email Compose with Text & Scrolling

08_email_compose_msg_v4-2_scroll

Contacts List, Grid Format

09_contacts_list_v4_grid

Contacts List with Search

10_contacts_list_v4_alt-search-only

Contacts List, No Avatar

11_contacts_list_v3_no-avatar

Contacts List, Super Scroller

12_contacts_list_v3_super-scroller

Contact Detail View

13_contact_detail_v3-0

Contact Detail View, Scrolled

14_contact_detail_v3_scrolled

Contact Detail Edit

15_contact_edit_v2

Contact Edit with Button States

16_contact_edit_v2_avatar_on-states

Calendar Day View, Empty Timeline

17_cal_day-view_empty_timeline2

Calendar Day View, Full Schedule

18_cal_day-view_full_v1

Settings, Terms & Conditions

19_settings_terms_cond_v1

Settings, Terms of Service

20_settings_tos_v1

Settings, Add Accounts

21_settings_add-accounts_v1

Search Email, Active

22_search_email_activate_v1

Pop-up Alerts

23_pop-up_alerts_v2

Pop-up Dialog

24_pop-up_dialog_v4

Pop-up Multi-Select

25_pop-up_multi-select_v2

Pop-up Multiple Sub-Categories Closed

26_pop-up_multi-sub-cat_closed_v1

Pop-up Multiple Sub-Categories Open

27_pop-up_multi-sub-cat_open_v1

Pop-up Bottom Toast

28_pop-up_toast_v2

Email Inbox, White Skin

29_email_inbox_diamond_v1-2

Contact Detail, White Skin

30_contact_detail_v3-0_diamond

Email List, Light/Dark Comparison

31_email_inbox_graph-diam

Contact Detail, Light/Dark Comparison

32_contact_detail_graph-diam