A RESPONSIVE WEBSITE TO SHOP AND SELL PRE-LOVED CHILDREN'S CLOTHING
.png)
Role: UX Designer
.png)
Problem
Children outgrow their clothes rapidly, leading to many barely worn items ending up in landfill. Families face the ongoing challenge of budgeting for a new wardrobe every 3-6 months for their growing chickadees.
There is a pressing need for a digital solution that allows parents to easily sell their children’s pre-loved clothes while also enabling them to purchase items locally, facilitating convenient pick-up options and promoting sustainable practices in children's fashion.
Goal
To create a responsive website that empowers families to efficiently buy and sell pre-loved children's clothing.
​
The solution will provide a seamless user experience, allowing parents or caregivers to easily list items for sale, search for clothing by location, and arrange local pickup.
​
By fostering a sustainable marketplace, this platform aims to reduce waste, save money, and simplify the process of managing children's wardrobes.
Pain Points
1. Purchasing new clothing for children every few months puts a financial strain on family budgets.
​
2. Families are wanting a sustainable option to buy and sell pre-loved children's clothes on a dedicated and trusted platform.
​
3. Families don't have time to run to the post office, write out and send parcels, estimate postage costs, etc.
​
​
​
​
.png)
.png)
User Journey Map
Getting to Know Our Users. . .
Bridget
Teacher
47 years old
​
Bridget is a mother of two energetic children, aged 10 and 8. Balancing a demanding full-time job with family life, she is passionate about sustainability and is keen to minimise waste by finding eco-friendly solutions for her family. With rising costs of living, she’s eager to sell her children’s pre-loved clothing online to generate extra cash for their budget. Bridget's busy schedule means she can’t dedicate time to trips to the post office, so she prefers a platform that offers local pickup options to streamline the selling process and make it more convenient for her.
​
​
Marc
Nurse
36 years old
​
Meet Marc, a dedicated nurse and a father to a 4-year-old boy. With a tight budget, Marc finds it challenging to afford new clothing for his son every 6 months, making pre-loved options a necessity for his family. He is also motivated to sell his son’s pre-loved clothes to generate some extra cash, helping to ease financial pressures. Balancing a demanding work schedule, Marc is looking for a convenient online platform that allows him to easily buy and sell children's clothing, enabling him to provide for his son while promoting sustainability.
​
​
Jess
Full Time Mum
29 years old​
​
Jess is a 29-year-old full-time mother of three children aged 10 months, 2 years, and 3 years. Savvy and sustainably minded, she is committed to minimising waste and making eco-friendly choices for her family. With a collection of designer clothing that her children have barely worn, Jess is eager to sell these items but lacks the time to sift through social media marketplaces to find the right clientele. Given her busy schedule, she prefers local pickup options for convenience. Jess is looking for a trusted website that specialises in pre-loved children's clothing, providing her with an efficient and straightforward way to sell and shop sustainably.
​
​
Sitemap
User Flows
The website features two main user flows: Shop and Sell.
For shopping, I've designed the flow so that users can browse and view items without needing to sign up right away. This allows them to explore products freely and get a feel for what’s available without the commitment of signing up, creating a more relaxed, low-pressure browsing experience. When they're ready to make a purchase, they'll be prompted to sign up.
On the selling side, users must create an account in order to list their items. This ensures their products are saved, and it also enables Abracadabra to handle payments securely, allowing sellers to easily track their sales and receive payments.
Shop Flow
.png)
Sell Flow
.png)
Lo-Fi Wireframes
​I developed several sketches for each page, highlighted below are a few for the desktop home page. I focused on the target audience and aimed to create the most user-friendly designs possible.​ I have also included a sketch of the home page on a mobile screen.
​
Desktop Home Page Sketch Options
Mobile Home Page Sketch
Digital Wireframes
For the home page wireframes, I focused on optimising both desktop and mobile experiences. On the mobile version, I’ve implemented a hamburger menu to streamline the navigation and maximise screen space, ensuring the interface remains clean and user-friendly on smaller screens. I’ve also reduced the number of images compared to a traditional layout, opting for a more minimalist design. This decision was intentional to enhance load times and improve performance, particularly on mobile devices, without sacrificing the user experience.
Additionally, I’ve included a real-time item count within the footer to display the number of products sold. This feature not only shows users the impact they're making, it also adds an element of social proof by letting visitors see how popular the site is and how much it’s growing.
Desktop Home Page
Mobile Home Page
Colours
Playful
​
Happy
​
Energetic
​
Fun
​
Magical
​
Imaginative
​
​
​
#FF4BB4
#B367E6
#E7E3F9
.png)
Hi-Fi Prototypes
For the hi-fi prototypes, I focused on creating an intuitive, seamless navigation and user flow to ensure users can easily start shopping or selling right from the home page. I’ve included multiple entry points for both actions, giving visitors the flexibility to dive into the site in whichever way feels most natural for them.
To enhance the overall user experience, I moved the item counter above the footer, ensuring it’s visible across all pages so users can consistently track the impact they’re making and stay engaged with the website’s growing popularity.
The colour scheme and images are carefully chosen to convey a sense of playfulness, fun, and magic—important for a children's clothing website. While the site caters to children’s products, the primary audience will be parents and carers, so I’ve kept their needs in mind when designing the interface.
Based on user research, I also learned that boys' clothing tends to have a lower resale value, so I tailored the colour palette to appeal more to parents of babies and girls, using softer, more neutral tones that resonate with this audience while still maintaining an inviting, joyful atmosphere for all.
Desktop Home Page
Mobile Home Page
Annotations
Below is an example that includes annotations illustrating how individuals using assistive technology will navigate the website.
This also serves to guide engineers in implementing any necessary modifications to the standard navigation flow.
.png)
Usability Testing
After conducting the usability test, I identified areas for improvement in the hierarchy across all pages. The colour contrast in the body text was too strong compared to the subheadings, which affected readability. Additionally, I recognised the need to implement a progress tracker to help users understand their current stage in the purchasing process.
Before
After
Before
After
Interactive Prototype
Final Touch
Throughout this UX design project, I’ve gained invaluable insights, particularly from the user research. I learned that the target users, primarily busy parents and/or carers, are often time-poor but are highly motivated by eco-friendly and budget-conscious options. This was crucial in shaping the design to ensure the platform was simple, efficient, and aligned with their values.
I also realised the importance of scaling designs effectively, especially considering how much the user experience can vary between desktop and mobile. In the beginning, I had so many ideas that it was challenging to narrow down to just one cohesive direction.
​
I’m really pleased with the final design I’ve created. Moving forward, I will continue to prioritise user testing, as it’s clear that iterating based on real user feedback is essential to creating the best possible experience.
