Lily's Trendy Taylor Shopping App

Fashion in Your Pocket

An opportunity to lead the entire UX design process for this vibrant shopping app, crafting a user-friendly and accessible experience that makes browsing and buying feel effortless and inclusive.

APRIL TO AUGUST 2023 | MIRO & FIGMA | UX LEAD KATTY RODRIGUES

Shopping Made Simple, Stylish & Inclusive

I led the full UX design process for this vibrant shopping app, focusing on creating a seamless, user-friendly, and accessible experience from start to finish.

I developed this idea from my studio in Leavesden, Watford. My work began with in-depth User Research, including developing Personas, crafting Problem Statements, and mapping detailed User Journeys.

Building on this foundation, I produced Paper and Digital Wireframes, a Low-Fidelity Prototype, and conducted Usability Studies to gather valuable feedback.

The project was brought to life through Mock-ups, a polished High-Fidelity Prototype, and a strong focus on Accessibility Standards, ensuring an inclusive, seamless user experience.

The Goal

To create an accessible and user-friendly online shopping experience, empowering individuals — especially women facing time constraints, disabilities, or limited opportunities — to order their favourite items easily, without the need for appointments, and have them delivered straight to their homes.

Target Audience

While the service is open to everyone, our focus is on supporting women who face barriers such as limited opportunities, disabilities, time constraints, or experiences of discrimination.

We aim to create an inclusive space that empowers individuals from all walks of life, reaching users aged 16 to 90 years old.

LILY TRENDY TAILOR APP - MOBILE-FRIENDLY WEB DESIGN

User Research

Summary

Through user research, we gathered valuable insights into how the product should evolve. A few common pain points stood out — lack of time and complicated purchasing processes were major concerns.

The findings highlighted the need for a simplified, enjoyable user experience. Key areas of focus included creating an efficient order dispatch system, ensuring a seamless purchase and payment journey, and introducing features such as a ‘Favourites’ list to save important information. These enhancements aim to optimise the time users spend on the app, making their shopping experience faster, smoother, and more satisfying.

Pain Points

1

Time Constraints for In-Store Shopping

Users often struggle to find time for in-person shopping. They need a simple, flexible solution to browse, book tailoring appointments, and arrange deliveries — all within one app.

2

Booking System Efficiency

To avoid crowded stores and long waits, users seek a quick way to book items. Whether tailoring is needed or products are ready to collect, everything should be manageable with just one click.

3

Seamless Payment Integration

A smooth e-commerce experience is essential. Users want the ability to purchase and pay for their chosen items securely and efficiently, all within the app.

4

Convenient Delivery Options

Convenience is key. Users prefer having their items tailored if needed and delivered directly to their door, saving time and offering a hassle-free experience.

Personas

Problem Statement

Stella Becks is a busy young professional who needs a wide selection of tailored clothing to maintain a polished appearance for her daily meetings.

She requires a solution that saves her time, simplifies booking appointments, ensures easy payment in UK currency, and provides reliable international delivery options.

“The world is a Pandora’s box — explore, learn, live”

— Stella Becks

Age 25 Years Old

Education Urban Design Graduate

Hometown Wapping, London

Family Single

Occupation Apprentice at Zaad Sahid Architects

Goals

Build a versatile wardrobe to suit her professional lifestyle.
Save time by shopping and tailoring clothes efficiently.
Prepare for a future career move abroad.

Frustration

Booking tailoring appointment si time-consuming.
Difficulties paying in UK currency on some platforms.
Limited delivery options for rders outside the UK.

Recently graduated in Sweden, Stella is gaining hands-on experience with a leading London-based architecture firm. Ambitious and always on the go, she is keen to invest in high-quality, tailored clothing that complements her professional image. With plans to move to Singapore, Stella values services that streamline her shopping experience, saving her precious time while offering flexibility and reliability.

User Journey Map

As a busy young professional, Stella Becks is constantly attending important meetings and events. Keen to expand her wardrobe without sacrificing her valuable time, Stella is seeking a simple and efficient way to shop for tailor-made clothing. She needs an experience that allows her to browse, purchase, and arrange delivery — all without stepping into a store — so she can focus on her growing career.

STELLA BECKS | USER JOURNEY MAP

Sitemap Strategy

Clear, intuitive navigation was a top priority throughout this project. I focused on simplifying the site’s structure with inclusivity and accessibility in mind, creating a user-first information architecture that supports all users—regardless of ability or experience. The result is a clean, well-organised layout that makes finding content easy and enjoyable.

TRENDY TAYLOR SITEMAP | MIRO

Paper Wireframes

The goal of the app is to offer users a seamless experience—shopping, booking appointments, scheduling visits, and placing orders—all in one place. Sketching out ideas on paper helped identify key features early on and revealed gaps we hadn’t initially considered. This stage was crucial in shaping a smooth and intuitive user flow before moving to digital wireframes.

DIGITAL WIREFRAME | LANDING PAGE | LILY'S TAYLOR APP

Digital Wireframes

While designing the app’s digital wireframes, consistency was key. I maintained a familiar layout across screens to help users stay focused on what matters most—their items. Once signed in, users are welcomed by their profile name and picture at the top, along with quick-access icons for favourites and their shopping bag.

1

The interface is designed to be both personal and responsive. Users receive real-time notifications about their favourite items, upcoming appointments, and delivery status—all in a seamless flow.

2

Upon landing on the homepage, users are greeted with clearly labelled services. A simple tap leads them to relevant sections where they can shop for clothes, book emergency visits, or schedule measurements—all within a few clicks. The aim was to keep everything intuitive, inclusive, and effortless.

Digital Wireframes

The focus of the wireframe was to design a smooth and stress-free shopping experience. The layout is clean and intuitive, helping users navigate the app with ease.

1

At the top, users are greeted by their name once signed in, creating a personalised touch. This screen demonstrates a clear user flow—from browsing to ordering.

2

By tapping the Shirts button, users are taken to the Shirt Collection, where each item is accompanied by a brief description. Clicking on any product expands the view for more details and purchasing options.

Users can easily return to previous pages, add items to their shopping bag, or use the search bar to find specific products—ensuring a seamless and user-friendly experience.

DIGITAL WIREFRAME | SHIRT PAGE | LILY'S TAYLOR APP

Low-fidelity Prototype

The low-fidelity prototype focused on the core user journey—browsing, customising, and ordering a shirt with ease. The wireframes were kept simple to test structure, functionality, and navigation before adding visual design.

This early prototype connected the key user flow and allowed us to simulate real interactions during usability testing. By observing how users moved through the app, we gathered valuable feedback on layout, clarity, and potential pain points—helping us refine the overall experience before moving into high-fidelity design.

Low-Fidelity Prototype →

LOW FIDELITY PROTOTYPE | LILY'S TAYLOR APP

Usability Study Findings

To ensure a smooth and accessible experience, we conducted two rounds of usability testing. Each phase helped us uncover key insights and improve the app based on real user feedback.

Key Findings

First Phase

Users wanted an intuitive way to customise items, including selecting quantity, size, and colour.
The checkout process needed to be more flexible—users looked for an easy way to add or remove items.
Trust was essential; users showed interest in saving credit card details but only through a secure and reliable system.

Key Findings

Second Phase:

The “Add to Cart” button was too small and often missed, causing frustration.
A product display issue showed the wrong shirt (Cubana instead of Barbadian), affecting trust and accuracy.

Each round gave us actionable insights that informed the next design steps, ensuring the app not only met user needs but also created a seamless and enjoyable experience.

USABILITY STUDY | TRENDY TAYLOR APP

AFFINITY DIAGRAM | TRENDY TAYLOR APP

Mock-ups

The insights gathered from each usability study directly shaped the evolution of the app. With every iteration, we refined the interface to better meet user expectations and create a smoother, more enjoyable experience.

BEFORE USABILITY STUDY

AFTER USABILITY STUDY

BEFORE USABILITY STUDY

AFTER USABILITY STUDY

Following the second usability study, it became clear that users were unsure about why they were given the option to save their details. To address this, I added clearer messaging explaining that saved details would help speed up future purchases, enhancing transparency and trust in the process.

These visual refinements not only improved usability but also supported user confidence and ensured a more intuitive shopping journey.

High-fidelity Prototype

The final high-fidelity prototype brought together all the insights and refinements gathered throughout the design process. It presented a clear, intuitive flow that allowed users to browse, select, and purchase their chosen items with ease.

The updated design also addressed key user expectations—such as the ability to securely save personal and payment details for faster future checkouts. Every screen was crafted with consistency, accessibility, and simplicity in mind, ensuring a seamless and stress-free shopping experience.

High-fidelity Prototype →

HIGH FIDELITY PROTOTYPE | TRENDY TAYLOR APP

Accessibility considerations

1

To support users with visual impairments, we included descriptive alt text for all key visuals and carefully selected a colour palette that ensures strong contrast and clarity.

2

A clean, uncluttered design and purposeful imagery were used throughout to reduce visual strain and promote easy navigation.

3

We used tools like WebAIM to test colour combinations and confirm they meet accessibility standards, ensuring a visually inclusive experience for all users.

Takeaways

Impact

This app was designed with a strong focus on the users’ needs—not just the tailor’s. Every decision, from layout to functionality, was guided by real user insights to create an intuitive and inclusive experience.

“I will sign out here, it was pretty easy to use to be honest.”
— Lilibeth Aixa, Usability Study Participant

What I learnt

This project was a meaningful learning curve. I gained hands-on experience in user-centered design, active listening, and empathy—especially towards users who are often overlooked or marginalised. I learned the importance of designing with intention, staying unbiased, and always putting people first when creating digital solutions.

Next Steps

1

Although the app appears nearly complete at first glance, an additional usability study will be conducted to further evaluate and refine the overall user experience.

2

I will continue to explore ways to enhance user flow by identifying opportunities for feature expansion and ensuring interactions remain intuitive, engaging, and inclusive.

Lily's Trendy Taylor App Project

“Thank you so much for taking the time to explore my work — I truly appreciate your interest and support.”

— Katty Rodrigues, Creator - Designer.

LILY'S TRENDY TAYLOR APP - SEO-OPTIMISED WEBSITE DESIGN

Let’s connect!

If you’d like to see more of my projects, collaborate, or just have a chat, feel free to reach out through any of the following:

Let’s start the conversation →

Page updated

Google Sites

Report abuse

Lily's Trendy Taylor Shopping App

Fashion in Your Pocket

An opportunity to lead the entire UX design process for this vibrant shopping app, crafting a user-friendly and accessible experience that makes browsing and buying feel effortless and inclusive.

Shopping Made Simple, Stylish & Inclusive

I led the full UX design process for this vibrant shopping app, focusing on creating a seamless, user-friendly, and accessible experience from start to finish.

The Goal

Target Audience

While the service is open to everyone, our focus is on supporting women who face barriers such as limited opportunities, disabilities, time constraints, or experiences of discrimination.

User Research

Summary

Pain Points

1

Time Constraints for In-Store Shopping

2

Booking System Efficiency

3

Seamless Payment Integration

4

Convenient Delivery Options

Personas

Problem Statement

User Journey Map

Sitemap Strategy

Paper Wireframes

Digital Wireframes

1

2

Digital Wireframes

1

2

Low-fidelity Prototype

Usability Study Findings

Key Findings

First Phase

Key Findings

Second Phase:

Mock-ups

High-fidelity Prototype

Accessibility considerations

1

2

3

Takeaways

Impact

What I learnt

Next Steps

1

2

Lily's Trendy Taylor App Project

Let’s connect!

Links