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