Wallee

Wallee is a no-cost financial management and tracking application that consolidates all your monetary affairs in a single, convenient location. It allows you to monitor your expenditures, track and deliver reports on your investments, handle numerous accounts, and devise short-term objectives budgets in various segments.

Responsibilites

UX design:

wireframes, strategy, workshops

UI design:

Visual tone of voice, Interface design

Visual tone of voice, Interface design

Visual tone of voice, Interface design

Design system:

Patterns, components, specs

The Need

The Need
The Need

On March 2022 I joined wallee the team as a freelancer a month later when there was an immediate need for actions that would: bridge the gab between the new brand identity and the old product designs with new interfaces. Bring new and innovative visual concepts to life that correspond to Wallee smart and sassy tone of voice. Establish visual communication strategies that pass the vibe check of current and future users. Finally solidify the new product design via a robust design system.

On March 2022 I joined wallee the team as a freelancer a month later when there was an immediate need for actions that would: bridge the gab between the new brand identity and the old product designs with new interfaces. Bring new and innovative visual concepts to life that correspond to Wallee smart and sassy tone of voice. Establish visual communication strategies that pass the vibe check of current and future users. Finally solidify the new product design via a robust design system.

On March 2022 I joined wallee the team as a freelancer a month later when there was an immediate need for actions that would: bridge the gab between the new brand identity and the old product designs with new interfaces. Bring new and innovative visual concepts to life that correspond to Wallee smart and sassy tone of voice. Establish visual communication strategies that pass the vibe check of current and future users. Finally solidify the new product design via a robust design system.

Initial app state

Initial app state
Initial app state

A. The home on the left with information such as the available balance, the savings amount and upcoming bill.

B. The all in one add function button in the central tab.

C. App setting on the right, all user settings in one place

A. The home on the left with information such as the available balance, the savings amount and upcoming bill.

B. The all in one add function button in the central tab.

C. App setting on the right, all user settings in one place

A. The home on the left with information such as the available balance, the savings amount and upcoming bill.

B. The all in one add function button in the central tab.

C. App setting on the right, all user settings in one place

STEP 1: Understanding
the product

STEP 1: Understanding
the product
STEP 1: Understanding
the product
Users and journey mapping

Several workshops have been organised and also lots of research has been conducted by Wallee’s UXR team, in order to define the exact needs of Wallee’s specific user base. The majority of users are between 18-30 years old, live in the States, and part of them in the UK, and somehow struggle with their finances or find it very difficult to save money. Wallee’s audience is modern and active, has dreams and hopes, but it’s just unsure how to proceed to next steps in order to thrive. So wallee’s is motivating its audience and users to take action and better their situation, no matter where they’re starting from.

Several workshops have been organised and also lots of research has been conducted by Wallee’s UXR team, in order to define the exact needs of Wallee’s specific user base. The majority of users are between 18-30 years old, live in the States, and part of them in the UK, and somehow struggle with their finances or find it very difficult to save money. Wallee’s audience is modern and active, has dreams and hopes, but it’s just unsure how to proceed to next steps in order to thrive. So wallee’s is motivating its audience and users to take action and better their situation, no matter where they’re starting from.

Several workshops have been organised and also lots of research has been conducted by Wallee’s UXR team, in order to define the exact needs of Wallee’s specific user base. The majority of users are between 18-30 years old, live in the States, and part of them in the UK, and somehow struggle with their finances or find it very difficult to save money. Wallee’s audience is modern and active, has dreams and hopes, but it’s just unsure how to proceed to next steps in order to thrive. So wallee’s is motivating its audience and users to take action and better their situation, no matter where they’re starting from.

STEP 2: Ideation

STEP 2: Ideation
STEP 2: Ideation
Aliens have landed 

for unbiased inspiration

Brainstorming group activity to set the ground for the visual identity vibes, themes and aesthetics, based on the wider perception of our team.. Sooo, the story is to imagine that aliens have landed on Earth and they want to learn about Wallee. Since they don’t speak our language or understand the product, they can only communicate visually, with symbols or pictures.

Brainstorming group activity to set the ground for the visual identity vibes, themes and aesthetics, based on the wider perception of our team.. Sooo, the story is to imagine that aliens have landed on Earth and they want to learn about Wallee. Since they don’t speak our language or understand the product, they can only communicate visually, with symbols or pictures.

Brainstorming group activity to set the ground for the visual identity vibes, themes and aesthetics, based on the wider perception of our team.. Sooo, the story is to imagine that aliens have landed on Earth and they want to learn about Wallee. Since they don’t speak our language or understand the product, they can only communicate visually, with symbols or pictures.

Cognitive mapping 

for product’s tone of voice

This workshop has been very important since it was the key to configure the correct principles for Wallee’s visual tone of voice. These creative principles helped us define and structure the whole visual language of the product, such as illustrations, symbols and icons.

There were 2 main research questions that participants tried to answer:
1. How to translate Wallee’s already established tone of voice into visual language rules
2. How to bridge these rules with the product and user needs

This workshop has been very important since it was the key to configure the correct principles for Wallee’s visual tone of voice. These creative principles helped us define and structure the whole visual language of the product, such as illustrations, symbols and icons.

There were 2 main research questions that participants tried to answer:
1. How to translate Wallee’s already established tone of voice into visual language rules
2. How to bridge these rules with the product and user needs

This workshop has been very important since it was the key to configure the correct principles for Wallee’s visual tone of voice. These creative principles helped us define and structure the whole visual language of the product, such as illustrations, symbols and icons.

There were 2 main research questions that participants tried to answer:
1. How to translate Wallee’s already established tone of voice into visual language rules
2. How to bridge these rules with the product and user needs

Crazy eights

brainstorming for features

The design journey commenced with extensive study and brainstorming sessions, aiming to shape Wallee’s initial Visual Tone of Voice, the Artistic & Design Standards and also explore how potential additions could integrate with the product’s rationale. This stage holds immense significance as certain aspects are critical to lay the foundation for crafting the new user interface and the platform's inaugural design system.

The design journey commenced with extensive study and brainstorming sessions, aiming to shape Wallee’s initial Visual Tone of Voice, the Artistic & Design Standards and also explore how potential additions could integrate with the product’s rationale. This stage holds immense significance as certain aspects are critical to lay the foundation for crafting the new user interface and the platform's inaugural design system.

The design journey commenced with extensive study and brainstorming sessions, aiming to shape Wallee’s initial Visual Tone of Voice, the Artistic & Design Standards and also explore how potential additions could integrate with the product’s rationale. This stage holds immense significance as certain aspects are critical to lay the foundation for crafting the new user interface and the platform's inaugural design system.

STEP 3: Defining

STEP 3: Defining
STEP 3: Defining
Workshops and research

After research, workshops and a lot of user testing, we figured out that a better user experience could be achieved with alterations in both the structure and the user interface of the app. So we started working towards a app version that would cover better the needs of it’s user

After research, workshops and a lot of user testing, we figured out that a better user experience could be achieved with alterations in both the structure and the user interface of the app. So we started working towards a app version that would cover better the needs of it’s user

After research, workshops and a lot of user testing, we figured out that a better user experience could be achieved with alterations in both the structure and the user interface of the app. So we started working towards a app version that would cover better the needs of it’s user

STEP 4: Visual Language

STEP 4: Visual Language
STEP 4: Visual Language

Wallee works to change behaviour in spending and saving.
This direction that we established, the visual identity across the app, defined creative principles, tone of voice and UI - all support towards to delivering this mission. It enabled Wallee to focus on doing things with BIG impact, creating a stand-out product, that supports all the users.

Wallee works to change behaviour in spending and saving.
This direction that we established, the visual identity across the app, defined creative principles, tone of voice and UI - all support towards to delivering this mission. It enabled Wallee to focus on doing things with BIG impact, creating a stand-out product, that supports all the users.

Wallee works to change behaviour in spending and saving.
This direction that we established, the visual identity across the app, defined creative principles, tone of voice and UI - all support towards to delivering this mission. It enabled Wallee to focus on doing things with BIG impact, creating a stand-out product, that supports all the users.

STEP 4: Design system

STEP 4: Design system
STEP 4: Design system

Wallee's original Design System is fragmented into four notable parts relative to their purpose and use; Foundations, Components, Imagery, and Patterns. Considering the scale of the assignment, I have included a minuscule sample of it for this case study.

Wallee's original Design System is fragmented into four notable parts relative to their purpose and use; Foundations, Components, Imagery, and Patterns. Considering the scale of the assignment, I have included a minuscule sample of it for this case study.

Wallee's original Design System is fragmented into four notable parts relative to their purpose and use; Foundations, Components, Imagery, and Patterns. Considering the scale of the assignment, I have included a minuscule sample of it for this case study.

Let’s create your next big idea.

© 2024 Hussain Design

Let’s create your next big idea.

© 2024 Hussain Design

Let’s create your next big idea.

© 2024 Hussain Design

Let’s create your next big idea.

© 2024 Hussain Design

Let’s create your next big idea.

© 2024 Hussain Design