iDreamers App

The interactive prototype was created using Figma, enabling us to bring the app's design to life and test its usability in a controlled environment. The prototype allows us to validate our design decisions and gather feedback from potential users before the development of the actual app begins. Try it out yourself below or download the app here

The process began with research and analysis, where we conducted user interviews, surveys, and market research to gain insights into the target audience's motivations, behaviors, and preferences. We used this information to identify design opportunities and develop design requirements for the app.

The research insights we gained from our user studies for the iDreamer app allowed us to gain a deep understanding of the needs and desires of our target audience. By evaluating our users' pain points, behaviors, and motivations, we were able to design a solution that specifically addresses their needs and provides a personalized and enjoyable experience.

Our research interviews with users of the iDreamer app provided valuable insights into their experiences and needs. Through one-on-one conversations and surveys, we gained a deeper understanding of what motivates and inspires our users.
Note: most interviewees were generation z and millennials

We developed user personas to create a better understanding of the target audience's needs, goals, and behaviors. The user personas provided a framework for the design team to empathize with the user and design a solution that meets their needs.

The competitive audit for the iDreamers app research involved analyzing the features and user experience of similar apps in the market. The goal was to identify the strengths and weaknesses of these competitors, and to determine how the iDreamers app could differentiate itself and provide a unique and compelling user experience.

We created an empathy map as a visual tool used in our research phase to help us understand the experiences, thoughts, feelings, and motivations of the target users by mapping out their perspectives.

To design an effective solution for iDreamers, we needed to develop a clear problem statement that articulated the pain points of the target audience and the goals of the app. The problem statement provided a framework for the design team to develop a design solution that addresses the target audience's needs.

The Quantitative Analysis Heat mapping process for the idreamer app involves using data and user behavior to visually represent which areas of the app are most frequently used and where users tend to interact the most.

These Design Principles for the iDreamer app are a set of guidelines that helped guide us through the ideation and conceptualization process of the app design. These principles also helped us ensure that the app is user-centered and solved real problems for the target audience.

We started the project by establishing a clear project scope, identifying the key milestones, and creating a project plan. Throughout the project, we communicated effectively, holding regular team meetings to review progress, address issues, and ensure that we were on track to meet our deadlines. We also collaborated closely with the client, seeking their input and feedback at each stage of the design process.

We created a user flow diagram that visualized the user's journey through the app, from initial login to completing their goals. The user flow diagram showed the different screens, features, and interactions required for the user to achieve their goals, such as setting up a profile, sharing their dreams, setting milestones, tracking progress, and connecting with other users.

We started by selecting a primary color palette that would be used throughout the app. After considering the app's vision, mission, and target audience, we selected purple as the main color. We chose purple as it is a color associated with ambition, creativity, and imagination, aligning with the app's goal of empowering users to pursue their dreams. We then developed a set of secondary colors, typography, icons, and other design elements that would be used to create a consistent and cohesive visual identity.

We started by documenting the design system we had created for the app, which included the color palette, typography, icons, and other design elements. We then defined the design principles and standards that would guide the app's visual design, such as the use of negative space, consistent typography, and clear visual hierarchy.

We started by using the low-fidelity wireframes as a starting point. We then iterated on the low-fidelity wireframes to create more detailed and refined designs, incorporating the feedback we had gathered from user testing and the client.

Designing the onboarding and signup process was essential to creating a positive first impression and retaining users for iDreamers. By using a step-by-step approach, gamification techniques, and best practices for security and usability, we were able to create an intuitive and engaging onboarding and signup process that aligns with the app's mission and goals.

We paid close attention to the layout, visual hierarchy, and color scheme, ensuring that the design was easy to navigate and visually appealing. We also ensured that the main screens reflected the user's needs and behaviors, incorporating the user flow and user personas we had developed earlier in the design process.

To ensure that the marketplace screens were user-friendly, we minimized the number of steps required to complete the shopping process, reducing the amount of time and effort required from the user. We also included features such as a search bar and filters to help the user find their desired product quickly. To enable brands to sell their products, we included features such as a product management dashboard, order management, and payment processing. These features provided brands with the necessary tools to manage their products and orders effectively.

We also included features to enable brands to manage orders and track their performance, such as order history and analytics. These features provided brands with the necessary tools to manage their sales effectively, enabling them to track their progress and make data-driven decisions.

The Dream Wallet & Payment Process feature of the iDreamer app provides users with a secure and convenient way to manage their finances within the app. This feature allows users to easily view their available funds, make purchases in the marketplace, and fund other “idreamers” dreams.