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.
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
Comprehensive pixel-level visual design, design patterns and component definition, alignment of UX and information architecture
Role
Principal / Lead Designer
Principal / Lead Designer
Software
Photoshop, Illustrator
Good Home Screen Alerts List
Email Inbox, No Zones
Email Inbox with Search
Email Message View
Email Message View, Alternate
Email Ripple Detail View
Email Compose Message
Email Compose with Text & Scrolling
Contacts List, Grid Format
Contacts List with Search
Contacts List, No Avatar
Contacts List, Super Scroller
Contact Detail View
Contact Detail View, Scrolled
Contact Detail Edit
Contact Edit with Button States
Calendar Day View, Empty Timeline
Calendar Day View, Full Schedule
Settings, Terms & Conditions
Settings, Terms of Service
Settings, Add Accounts
Search Email, Active
Pop-up Alerts
Pop-up Dialog
Pop-up Multi-Select
Pop-up Multiple Sub-Categories Closed
Pop-up Multiple Sub-Categories Open
Pop-up Bottom Toast
Email Inbox, White Skin
Contact Detail, White Skin
Email List, Light/Dark Comparison
Contact Detail, Light/Dark Comparison