Year
2023

Pirekua Boutique

Connecting Doctors and Patients, Anytime, Anywhere.
Product Design
Branding
UX/UI Design
Client
Pirekua Boutique
Duration
3 Months
Project Role
Product Designer

Project Overview

Iā€™m creating a mobile app for a boutique store that promotes ethically sourced products that could compete against fast fashion companies. The app is aimed for users of all sorts that want a hassle-free and secure way to shop online.

Responsibilities & Skills Used

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.

The Problem

Users with busy lifestyles want to shop for clothes, however, they cannot go to a mall they opt to shop online. However, the online shopping experience might be time consuming for users.

The Goal

Understand the userā€™s experience through the app and determine whether users can complete a purchase in-app in 3-steps pay.

The Solution

I'm designing a mobile app for a boutique store offering ethically sourced products, catering to busy users seeking a secure, hassle-free shopping experience. With a streamlined 3-step payment process, the app ensures quick, intuitive transactions, making ethical shopping effortless and competitive with fast fashion.

Understanding The User

Summary

I conducted interviews and created empathy maps to better understand the users and their needs. Research identified a primary group: adults with busy schedules who prefer quick and easy online shopping experiences over spending hours browsing. This confirmed the assumption that many users lack time but also revealed they often avoid in-store shopping due to their packed schedules. Additional user pain points included a preference to avoid in-person shopping, frustration with overwhelming options, and dissatisfaction with the low quality of fast-fashion products.

Pain Points

1
App not user friendly

Research has shown that users often find themselves frustrated with the bad UX from mobile Apps not user centred.

2
Time

Users want to be able to browse and shop in a fast way without feeling overwhelmed.

3
Safety

Users usually feel unsafe when they have to shop products online as they have to type down their bank details.

User Personas

Persona: Susan
Problem Statement

Susan is a full time student who need to shop in a easy and straightforward app because she wants to buy good quality clothing in a hassle free way

User Journey Map

Starting The Design

Digital Wireframes

In this wireframe, I addressed users' pain points by prioritizing a safe shopping experience, a quick checkout process, and features that keep users in control of their information while providing updates on previous orders.

Low-fidelity Prototype

To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of login in and scheduling an appointment from the home page.

See Prototype

Usability Studies & Findings

Parameters

Study Type

Unmoderated usability study

Location

Australia, Mexico and remote

Participants

8 Participants

Length

10 - 15 minuntes

Affinity Diagram

Findings

1
Access to order history

Users expressed a need for easy access to their "previous orders" for better reference and convenience.

2
Order tracking feature

Adding a "tracking order" option was a priority for users to stay informed about delivery progress.

3
Manual payment setup

Users requested the ability to manually input their bank details for added flexibility and control.

Refining The Design

Mockups

The hi-fi wireframes address key usability issues identified in the early designs. Initially, the checkout process had limited options, which were refined to enhance functionality. The early prototype also lacked a clear pathway to return to the home page, but usability testing informed the addition of more call-to-action buttons for improved navigation.

Mockups

High-fidelity Prototype

The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.

See Prototype

Accesibility Considerations

1
Screen readers

Alt text was added to images, ensuring users with vision impairments can navigate the app effectively using screen readers.

2
Personalized guidance

The home screen prioritizes personalized recommendations, helping users easily find and complete their primary tasks.

3
Icon Clarity

Descriptive text under each icon enhances comprehension, making the app more intuitive for all users.

Conclusion

Takeaways

Impact

The Pirekua app makes high-quality, ethically sourced products accessible to customers worldwide. Its simple purchase process ensures easy navigation and a secure shopping experience.

What I've learned

I learned to prioritize user-centered designs over personal design preferences. Additionally, I realized the importance of involving diverse groups to gain a deeper understanding of users and their pain points.

Next Steps

1
Keep improving

Conduct another usability study to finalize the product and make sure it is user centred.

2
User flow

Work on the different users flows to complete the app such as ā€œtrack orderā€ and browning products.

Thank you!

Want to see more?
Discover the in-depth creative journey I undertook, from gaining a deep understanding of the user's needs to honing the design with a user-centered approach. My case study provides a step-by-step walkthrough, showcasing how I transform concepts into user-friendly realities.
Click the link to learn about the meticulous process that ensures a design truly resonates with your audience.

Case Study

Want to get in touch?

Ready to bring your vision to life? I can't wait to hear from you! Whether you have a project in mind or just want to say hello, don't hesitate to reach out. Let's chat over a virtual cup of coffee ā˜•ļø and turn your ideas into reality!