Varda
Varda
Varda
Budgeting app
Budgeting app
Project Overview
Varda's main objective is to be a highly customizable and fun budgeting app that provides assistance through AI. Based on other budgeting apps, Varda aims to stand out by offering a completely distinct style. The app provides users with easy organization through a more interactive, intuitive, and laid-back interface, while maintaining objectivity, transparency, and efficiency.
Challenges
Creating an intuitive yet efficient interface that balances a laid-back, user-friendly design with the necessary functionality is a primary hurdle. Integrating advanced AI to provide meaningful assistance while remaining simple and accessible is another significant challenge. Additionally, achieving high customizability without making the system overly complex and maintaining objectivity and transparency to build user trust are essential for Varda's success. Balancing these elements is crucial to making Varda a distinctive and reliable personal finance tool.
Process
01
Aligningment
R
01
Aligningment
From the initial phase to the present, I collaborate in the research process, gathering information on styles, architecture, and patterns to use as a foundation for creating the game's UI elements.
01
Aligningment
R
02
Research
During this phase, we conducted thorough market research to analyze existing products, identify essential elements, discover opportunities, propose improvements, and study architectures, user interfaces (UI), and features. We then gathered all the data to better outline the product vision.
02
Research
From the initial phase to the present, I collaborate in the research process, gathering information on styles, architecture, and patterns to use as a foundation for creating the game's UI elements.
02
Research
During this phase, we conducted thorough market research to analyze existing products, identify essential elements, discover opportunities, propose improvements, and study architectures, user interfaces (UI), and features. We then gathered all the data to better outline the product vision.
03
Product Vision
After collecting insights from the research phase, we filtered the information, organized it, defined directions, and aligned all points with the client.
03
Product Vision
After collecting insights from the research phase, we filtered the information, organized it, defined directions, and aligned all points with the client.
03
Product Vision
After collecting insights from the research phase, we filtered the information, organized it, defined directions, and aligned all points with the client.
04
Open Exploration
With the product vision defined and directions well established, we spent a week exploring the initial screens and elements, initiating the product’s concept and foundational architecture. At the end of this week, we filtered what was produced and aligned with the client on what would be continued.
04
Open Exploration
With the product vision defined and directions well established, we spent a week exploring the initial screens and elements, initiating the product’s concept and foundational architecture. At the end of this week, we filtered what was produced and aligned with the client on what would be continued.
04
Open Exploration
With the product vision defined and directions well established, we spent a week exploring the initial screens and elements, initiating the product’s concept and foundational architecture. At the end of this week, we filtered what was produced and aligned with the client on what would be continued.
05
Branding
In this project, due to specific circumstances, we first defined the UI style during the Open Exploration phase and subsequently developed the branding based on this UI.
05
Branding
In this project, due to specific circumstances, we first defined the UI style during the Open Exploration phase and subsequently developed the branding based on this UI.
05
Branding
In this project, due to specific circumstances, we first defined the UI style during the Open Exploration phase and subsequently developed the branding based on this UI.
06
Consolidation
At this stage, we gathered all the features that would be present in the app and used market research insights to create a robust architecture focused on intuitive and transparent usability.
06
Consolidation
At this stage, we gathered all the features that would be present in the app and used market research insights to create a robust architecture focused on intuitive and transparent usability.
06
Consolidation
At this stage, we gathered all the features that would be present in the app and used market research insights to create a robust architecture focused on intuitive and transparent usability.
07
Information Architecture
By this stage, we had already aligned the product vision, filtered the exploration content, and defined the information architecture, branding, and UI style. We then went through another alignment phase with the client to consolidate everything that had been produced, discuss what could be added, improved, or replaced, and took the first steps toward the final version.
07
Information Architecture
By this stage, we had already aligned the product vision, filtered the exploration content, and defined the information architecture, branding, and UI style. We then went through another alignment phase with the client to consolidate everything that had been produced, discuss what could be added, improved, or replaced, and took the first steps toward the final version.
07
Information Architecture
By this stage, we had already aligned the product vision, filtered the exploration content, and defined the information architecture, branding, and UI style. We then went through another alignment phase with the client to consolidate everything that had been produced, discuss what could be added, improved, or replaced, and took the first steps toward the final version.
08
Design System
The creation of the design system began with the initial decisions, gradually adding components and updating them as necessary. However, after the "Consolidation" phase, we conducted extensive work to make it as complete and organized as possible, thereby facilitating the creation of new elements and the updating of existing ones.
08
Design System
The creation of the design system began with the initial decisions, gradually adding components and updating them as necessary. However, after the "Consolidation" phase, we conducted extensive work to make it as complete and organized as possible, thereby facilitating the creation of new elements and the updating of existing ones.
08
Design System
The creation of the design system began with the initial decisions, gradually adding components and updating them as necessary. However, after the "Consolidation" phase, we conducted extensive work to make it as complete and organized as possible, thereby facilitating the creation of new elements and the updating of existing ones.
09
User Flows
In this phase, we meticulously evaluated each feature of the app and compiled a comprehensive list of all possible user actions. With this detailed guide as our foundation, we commenced the development of user flows. This involved creating new UI elements, designing intermediate screens, and defining interactions to concretize each action in the best possible way.
09
User Flows
In this phase, we meticulously evaluated each feature of the app and compiled a comprehensive list of all possible user actions. With this detailed guide as our foundation, we commenced the development of user flows. This involved creating new UI elements, designing intermediate screens, and defining interactions to concretize each action in the best possible way.
09
User Flows
In this phase, we meticulously evaluated each feature of the app and compiled a comprehensive list of all possible user actions. With this detailed guide as our foundation, we commenced the development of user flows. This involved creating new UI elements, designing intermediate screens, and defining interactions to concretize each action in the best possible way.
10
Prototyping
After creating all the flows, we interconnected them, resulting in an integrated and functional prototype of the product, which provided a complete and cohesive visualization of its operation.
10
Prototyping
After creating all the flows, we interconnected them, resulting in an integrated and functional prototype of the product, which provided a complete and cohesive visualization of its operation.
10
Prototyping
After creating all the flows, we interconnected them, resulting in an integrated and functional prototype of the product, which provided a complete and cohesive visualization of its operation.
11
Handoff
With the project finished, we reviewed and polished every detail, organizing the files by theme and ensuring each one was clear and lightweight for delivery.
11
Handoff
With the project finished, we reviewed and polished every detail, organizing the files by theme and ensuring each one was clear and lightweight for delivery.
11
Handoff
With the project finished, we reviewed and polished every detail, organizing the files by theme and ensuring each one was clear and lightweight for delivery.
My Role
01
Market Research
I did the research process gathering information by downloading budget, financial, and banking apps, watching walkthrough videos of these apps, and collecting reviews and the content displayed on Apple Store to pack valuable insights. Furthermore, I organized all this information in FigJam.
02
Open Exploration
03
Design System
04
User Flows
05
Prototyping
06
Handoff
01
Market Research
I did the research process gathering information by downloading budget, financial, and banking apps, watching walkthrough videos of these apps, and collecting reviews and the content displayed on Apple Store to pack valuable insights. Furthermore, I organized all this information in FigJam.
02
Open Exploration
03
Design System
04
User Flows
05
Prototyping
06
Handoff
01
Market Research
I did the research process gathering information by downloading budget, financial, and banking apps, watching walkthrough videos of these apps, and collecting reviews and the content displayed on Apple Store to pack valuable insights. Furthermore, I organized all this information in FigJam.
02
Open Exploration
03
Design System
04
User Flows
05
Prototyping
06
Handoff
Final Design Showcase
After a challenging journey, we successfully completed the project. We created a highly intuitive and enjoyable design that not only met but exceeded the client's expectations. The client's remarkable enthusiasm in approving the design for the development phase was gratifying and assured us of their approval regarding the quality and innovation of the product.
