Available

Available for Work

Cube

Budgeting app

Budgeting app

Project Overview

Cube was a challenge I set for myself: to design an interface within 3 hours for a personal finance management web app. My goal was to create a dashboard that is both simple and intuitive, utilizing graphics and elements that present data in a clear and concise manner.

With this goal in mind, I outlined functionalities that could add value to users. To do this, I conducted some analyses of common practices in this context. Based on this information, I outlined 5 functionalities to appear on the dashboard screen:

View transaction history

  • Spending insights by category

  • Know who owes me money

  • Earnings graph

  • Set goals

In summary, the process of creating the dashboard interface was guided by understanding user needs, applying user-centered design principles, and incorporating functionalities that add value and promote an effective and intuitive personal finance management experience.

Challenges

The challenge involved going through the entire design process and creating an interface within the given timeframe, while maintaining visual quality and adhering to usability principles. The goal was to deliver a solution that not only met the time constraints but also provided a consistent and well-designed user experience.

Process

01

Research

At this stage, I researched finance apps and other concepts to identify patterns and gather references. This involved analyzing screenshots of applications and concepts to understand common design elements and features.

02

Define the 5 Features

Based on the insights gathered from my research, I selected five key features that stood out to me as the most effective for inclusion in the dashboard.

02

Define the 5 Features

Based on the insights gathered from my research, I selected five key features that stood out to me as the most effective for inclusion in the dashboard.

03

Wire frame Lofi

At this stage, I created several wireframes to serve as a foundation for the dashboard's structure. 

03

Wire frame Lofi

At this stage, I created several wireframes to serve as a foundation for the dashboard's structure. 

04

Creating Elements

After selecting the wireframe, I began creating the individual elements, filling in the shapes outlined in the base. I assigned features to each section based on my assessment of how to best present the information and enhance the overall functionality of the dashboard.

04

Creating Elements

After selecting the wireframe, I began creating the individual elements, filling in the shapes outlined in the base. I assigned features to each section based on my assessment of how to best present the information and enhance the overall functionality of the dashboard.

05

Hifi Screens

After completing and finalizing the design, I refined the UI to ensure everything was in compliance and that all steps were thoroughly followed. This process involved verifying that the final version met all the design standards and delivered a polished and cohesive user experience.

05

Hifi Screens

After completing and finalizing the design, I refined the UI to ensure everything was in compliance and that all steps were thoroughly followed. This process involved verifying that the final version met all the design standards and delivered a polished and cohesive user experience.

06

Mockups

Finally, I integrated the designs into mockups for both a MacBook and an iPad.

06

Mockups

Finally, I integrated the designs into mockups for both a MacBook and an iPad.

Final Design Showcase

Other Projects

Other Projects

Other Projects

Let's Connect!

Let's Connect!

Let's Connect!

© Copyright 2024. All rights Reserved.

Made

in

© Copyright 2024. All rights Reserved.

Made

in