<?xml version="1.0" encoding="utf-8"?>
Open full project

About Project

Flowear is an e-commerce platform, crafted to sell comfortable underwear and promoting sustainability. This website focused on the importance of ethical and inclusive practice, while also ensuring the accessibility to reach the end goals of this brief, which are creating a seamless experience for user on looking through and purchasing products without having any limitation.

Key Points

Here are several points I deliberate on the design:

Navigation: I designed this page while visualizing the flow on how my user will interact with the website. I ensure that the whole page are able to be detected with screen readers, so that it can be easily accessible.

Accessibility: Following the WCAG guidelines, I created this design while considering how my website could be accessed with users with disabilities. I pick a color with suffecient contrast with the help on the website Coolors. I also ensure the text size is large enough so that users with visual impairment can easily access and understand the information. Additionally, I give an alternative text on images, so that it can be detected with text to voice devices.

Inclusivity: To promote one of the important aspect on this brief, I included a section of the model reference on the picture of the products, so users can imagine how the product can fit on different type of body. I also give a variety of size from XS to 5XL, and even an option to pick a custom-made for user who wants to get a more personalized product. Adding to this point, I show a tooltip of sizing guide, so that user can measure their body correctly. On the bottom parts of the website, I display a recommendations of related products with various model.

Ethical Practices: I include a section where users can see the reason behind Flowear goals, where we value the importance of enviromental sustainability. On top of the page, I let my user see that every purchase made from this website will be donated to local charities, to show that we care with the environments.

Overview

This project helps me understood the importance of appying ethical and inclusive practice on any designs we made. It is not just for user with disabilities, but to make it easier for anyone to reach their goals on using our products. Lot of aspects to be considered before designing a product, and as a UX designer, we have to ensure our users are able to access it without being obstructed with limitations.

Share your insights — leave a project review and help others grow their skills

Reviews

3 reviews


Very nice work Natzwa! Its a really professional and clean looking design. I like the addition of information on how to measure the bra size. Also great to see a custom size option, but I'm curious about how a service like that would work. Would the user be asked to provide measurements? Some feedback I would give is to make the images into a carousel instead of opening them one by one, also the placement of the link that says "Click image to view full screen" was really low and hidden so I would advise to put that somewhere more visible. The colour contrast and font sizes were chosen with WCAG in mind which is excellent for accessibility. For the call to actions, its a little bit difficult to understand "Buy now" from "Add to cart" - both imply that you're buying, but they both have different urgencies, right? I enjoy the review section and details about the model, its all helping the shopper make an informed decision. Overall its very inclusive and even the images show inclusivity and representation. Its a human-centered design which meets the accessibility goals, great job!


Natzwa, your design is professional, inclusive, and user-friendly, with thoughtful accessibility features like WCAG-compliant contrast and inclusive sizing. Refining interaction cues, improving “Buy now” vs. “Add to cart” clarity, and making image navigation more visible could further enhance usability. Overall, it’s a strong, human-centered design that delivers on ethical and inclusive goals.


Overall the design feels professional, inclusive, and easy to follow, with a strong emphasis on clean presentation and user clarity. Accessibility could be further improved by refining contrast in certain elements, ensuring alt text for images, and strengthening interaction states.

Areas to Improve:

Size selection indicators could have clearer focus states for keyboard navigation.

"Rp300.000,00" is clear for local users, but an approximate USD/EUR equivalent could help international buyers.

Clickable area for size & color swatches should be large enough for mobile accessibility.

The back navigation is small — could be more prominent for ease of returning to product listing.


11 Claps
Average 3.7 by 3 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>