Design-System - FinTech - Isadora Agency

Isadora Agency and the UPLI team wanted to redefine how employees especially millennials engaged with own finances. In short, business goals included helping users build credit, maintain a budget, optimize debt and manage all financial accounts. The final product was something truly unique. Simple enough to track finances much like you track your health. Web design specialists at Isadora Agency were tasked with the app UI design, mobile strategy, illustration, iconography, and mobile app design of over 100 different mobile screens

With a minimalist design, users quickly move from one category to the next. For example, you can select to pay down your debt or fund a vacation. Therefore, your personal dashboard allows you to see insights, progress, and trends. The Budget Progress screen was extra fun to design as we were able to incorporate our custom character illustration next to messages of encouragement. It’s truly remarkable how the team packed this mobile app design with so many tools and powerful customizable features.

The core of the app UI design revolves around essential features that include budgeting, spending, and saving. For example, layers of friendly reminders and updates show how much you’ve saved or how close you remained within your budget. Meanwhile, providing multiple reasons to visit the app often. For instance, cutting-edge tools and intelligent messaging throughout the experience educate users as they grow more comfortable with individual finances.

1. Design Systems Approach and Examples

2. Save time and money Quickly design at scale Create consistent cross-platform experiences Reduce design debt Increase usability Why Use a Design System? Overview

3. Design System Deliverables Foundation Color Typography Iconography Illustration Grid Pattern Library ​ Components ​ Templates ​ Prototypes UX Guidelines Implementation Instructions Design system deliverables ensure designers and developers share a single source of truth, leading to fewer errors. Design Systems 4

4. Example 1 – Upli Mobile App Branding Voice and Tone Illustrations Character Design Color Palette Iconography Cards Forms Patterns Charts / Graphs Templates Prototypes Animations Mobile App Designs Marketing Websites Design Systems 5 Deliverables

5. Example 1 – Upli Mobile App Design Systems 6