trackpack app display

TrackPack

Project Description: The delivery mobile app was developed through a user-centered design approach to provide users with a seamless and convenient experience for ordering and tracking deliveries. The iterative design process, informed by user research and testing, ensured that the app addressed user needs, offered clear navigation, and provided real-time tracking updates. The final design created a user-friendly and visually appealing delivery app that enhanced the overall delivery experience for users.

Duration: 4 Months

My Role: UI/UX Designer

Team: 2 Developers, 2 UI/UX Designers, 1 Graphic Designer

Trackpack app

Problem Identification

Problem Statement: The existing delivery app lacked a user-friendly interface, resulting in a disjointed and frustrating experience for users. Customers struggled with navigating the app, placing orders, and tracking deliveries in real-time. Our challenge was to identify pain points, understand user needs, and redesign the app to provide a more intuitive and efficient experience.

Business Objectives

  • Enhance User Satisfaction and Retention
  • Increase Order Completion Rates
  • Boost Brand Loyalty and Positive Reviews

Research and Discovery

Target Audience

Our initiative to enhance the delivery app began with a rigorous exploration of user preferences and challenges. Through the execution of surveys, interviews, and usability testing, we gleaned valuable insights into user behaviors. Key findings underscored a distinct preference for a streamlined ordering process, improved navigational clarity, and a real-time tracking feature.

Competitive Analysis

In refining our delivery app, we performed a concise competitive analysis, assessing industry peers to discern strengths, weaknesses, and unique features. For instance, our study revealed that while some competitors excelled in user interface design, others had robust real-time tracking capabilities. This insight directly informed our design principles, allowing us to strategically incorporate the best elements into our app, ensuring it not only aligns with user preferences but also stands out in the market for enhanced functionality and user satisfaction.

Design Process

The iterative design process involved constant collaboration between UI/UX designers and developers. Wireframes and low-fidelity prototypes were created to visualize the proposed changes. Regular design reviews and feedback sessions with the development team ensured that our designs were both feasible and aligned with user expectations.

Ideation and Wireframing

Delivery app - paper wireframe

Final Design

TrackPack App

Key Features

  • Simplified Ordering Process: Redesigned the order placement flow to minimize the required steps, making it more straightforward for users to place orders quickly.

  • Intuitive Navigation: Streamlined the app’s navigation, ensuring that users could easily find what they needed. The information architecture was reorganized based on user feedback, resulting in a more logical and user-friendly structure.

  • Real-time Tracking Updates: Implemented a robust real-time tracking feature, allowing users to monitor the status and location of their deliveries with precision. This feature increased transparency and instilled confidence in users.

  • Visually Appealing Design: Collaborated closely with the graphic designer to create a visually appealing and cohesive design that reflected the brand identity while maintaining a user-friendly interface.

Testing and Validation

Usability testing played a crucial role in validating our design decisions. We conducted multiple rounds of testing with a diverse group of users to ensure that the app met their expectations and addressed pain points identified in the research phase. Feedback was actively incorporated into subsequent design iterations.

Read More

Sportsbook iGaming

Project Description: Through user-centered design practices, the Sportsbook homepage was developed to provide sports bettors with an engaging, intuitive, and visually appealing platform. The iterative design process, informed by user research and testing, ensured that the application catered to the needs and expectations of the target audience, offering a seamless and enjoyable sports betting experience.

Duration: 3 Months

My Role: UI/UX Designer

Team: 2 Developers, 2 UI/UX Designers, 1 Graphic Designer

Problem Identification

Redefining the Sportsbook Homepage for Engaging Sports Betting Experience

  • Easy access to sports events and odds
  • Seamless navigation to place bets quickly
  • Personalized recommendations and promotions
  • Engaging and visually appealing design

Business Objectives

  • Increase user engagement and retention
  • Boost conversion rate for bet placements
  • Improve customer satisfaction and loyalty
  • Enhance the platform’s reputation in the competitive market

Research

Understanding the Target Audience

Before diving into the design process, we conducted in-depth research to understand the preferences, behaviors, and pain points of sports bettors. We surveyed active sports bettors to gain insights into their betting habits, favorite sports, and expectations from a sports betting platform.

Competitive Analysis

We analyzed various existing sports betting platforms to identify industry best practices, common patterns, and areas for improvement. This analysis helped us understand the benchmark in the industry and find opportunities for differentiation.

Design Process

Based on the research insights and defined objectives, we started ideating and creating low-fidelity wireframes. We focused on prioritizing essential features while keeping the interface clean and intuitive. Iterative feedback from stakeholders and users helped refine the wireframes.

Ideation and Wireframing

Final Design

Key Features

  • Prominent and easy-to-use search bar for finding specific sports events and leagues.
  • Featured matches and popular bets showcased to attract users’ attention.
  • Clear and concise odds presented in a visually appealing manner.
  • Personalized user account section displaying betting history, account balance, and personalized recommendations.
Read More
gift of love

The gift of love

Project Description: The Gift of Love application aims to address users’ difficulties in remembering events and purchasing gifts in various scenarios. This case study outlines the product design process, including problem identification through user interviews and empathy mapping, identifying user needs and stories, creating a persona, ideation using a support chat, paper prototyping, and finally, the Figma design.

Duration: 4 Months

My Role: UI/UX Designer

Team: 2 Developers, 2 UI/UX Designers.

Woman preparing gift for wrapping for Valentine's Day

Problem Identification

To gain a comprehensive understanding of users’ pain points when buying gifts, a series of user interviews were conducted.

Interview questions: 

  1. How often do you find yourself buying gifts for others, and what occasions typically prompt gift-giving?
  2. Can you recall a recent experience when you struggled or faced challenges while purchasing a gift for someone? Could you describe the specific pain points you encountered during that process?
  3. How do you usually approach the process of selecting a gift? What factors influence your decision-making, and are there any specific criteria you consider important?
  4. How do you keep track of important gift-giving occasions, such as birthdays, anniversaries, or holidays? Do you ever find it challenging to remember these dates, and if so, how do you cope with this issue?

Additionally, empathy maps were created to delve deeper into the emotional aspects of these challenges.

Research

User Needs and Story

By analyzing the data gathered from user interviews and empathy maps, the team identified the core needs and stories of the application’s target users. These insights guided the subsequent design process, ensuring the application effectively addressed users’ pain points.

Persona Creation

To create a more relatable representation of the target user, a persona was developed. The persona encapsulated the key characteristics, goals, and frustrations of the users, further refining the design approach.

Application Storyboard

To visualize the user journey and interactions with the Gift of Love application, a storyboard was created. This storyboard provided a narrative structure that helped align the team’s vision and ensure a coherent design direction.

storyboard-1
storyboard-2-

Ideation through Support Chat

During the ideation process, the support chat proved to be a valuable resource for generating innovative solutions. By engaging directly with potential users in real-time, the team gained valuable insights into users’ gift-buying challenges. This interaction allowed the team to ask questions, understand users’ needs deeply, and identify recurring themes in their feedback. Users freely shared their ideas and suggestions, offering unique perspectives that enriched the ideation process. The support chat’s dynamic nature fostered a collaborative atmosphere, where users felt comfortable expressing their thoughts and experiences. With this information, the team explored a wide range of creative ideas that directly addressed users’ challenges, resulting in user-centric and impactful solutions for enhancing the gift-buying experience.

Ben & Bot

Low fidelity Prototype

Paper Prototype

User Testing with the "Wizard of Oz" Method

Using the insights gained from the support chat, a paper prototype was developed to quickly iterate and test different design concepts. This low-fidelity prototype allowed for swift adjustments based on user feedback, ensuring a user-centered design approach.The paper prototype was tested with users using the “Wizard of Oz” method, where a human acted as the system behind the scenes. This approach simulated the intended functionality of the application, providing valuable insights into user interactions and identifying areas for improvement.

Figma Design

Taking into account the feedback and insights gained from user testing, the paper prototype was refined and translated into a high-fidelity design using Figma. The design incorporated user-centered principles, intuitive navigation, and an aesthetically pleasing interface to enhance the overall user experience.

Usability Test

User Testing and Iteration

To validate the Figma design and gather further feedback, the application underwent user testing. This process allowed the team to identify any remaining usability issues, make necessary adjustments, and ensure the final product met user expectations.

Play Video

Final Design

Through an iterative and user-centered design process, the Gift of Love application successfully addressed users’ problems with buying gifts. The combination of user interviews, empathy mapping, persona creation, ideation, paper prototyping, and user testing culminated in a well-designed Figma interface that provided an intuitive and enjoyable experience for users.

Read More