Communication for communities.
School district communication.
Overview
This project was initiated to unify a suite of mobile products and expedite the development process with our UX team.
Process
Color
Audit
I started by doing an audit of all current UI elements across multiple mobile apps. At the time each were created, the visuals matched our needs. Now, our portfolio was about to get bigger so it was time to unify and plan how to build out future products within a system.
I wanted to make sure all current pieces were taken into consideration to start and then go from there building out what we could further need, in addition to combinations of these.
A business considerations was to plan how to unify products while allowing for growth from a branding perspective and a user perspective (what would a user see if they had all of our apps installed on their device, or only 1?). We explored the use of color, and universal navigation for threading the overall brand together. We also explored concepts of one unified color palette with different iconography to represent each app's function, and felt that was easier to grow into for many reasons. One of them being the pure difficulty in choosing one color to represent an app before all of the apps in the suite were even in existence.
I did most of the research for this, and designed all of the pieces while keeping in mind current UI schemes, trends, looking ahead into our business and also considering collaboration with engineers. I wanted this guide to be helpful in writing more reusable code, but also allow real-world flexibility.
I started by exploring color schemes.
Old App to be redesigned
Sketches