V I S U A L S Y S T E M
The app's new modular structure and visual language system makes it easy to change everything from color to text, to include and omit elements, and adapt to our B2B2C partners' brand parameters—I tested this with partner brand guidelines as well as hypothetical financial institutions based on consumer brands like the ones above. FutureAdvisor's visual language had grown organically, and an audit revealed that there were over 100 button styles live. To create brand continuity between the app and other products, I started refining the language into a visual system. Creating FutureAdvisor's first sticker sheet, and defining new elements including grids, spacing, colors, content, icons, illustrations, drop shadows, status indicators, animations, microinteractions, buttons, cards, forms, empty states, error states, lists, selectors, and tabs.