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

Here is my design for an inclusive shop called YOTO.

I chose a simple and clean layout including detailed information for an informed user.

Inclusivity is the main focus of the design and concept for customers of gender neutral.

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

Reviews

2 reviews


Hi Cami!

Really neat work, I love the choice of colors and images. I think overall you have a strong layout and I can see some elements of Ethical and Inclusive design in your design.

Some thoughts to consider:

  • For a more inclusive design think about accessibility with regards to contrast as outlined by the WCAG. Currently, the text color could benefit from more contrast for a better reading experience. Consider also your text sizing also.
  • I think you can bring the sustainability elements to the forefront by emphasizing them a little bit more through contrast and size.
  • There is a small overlap between the heart icon and the item title (Cotton Chinos) - left a note on your figma file to be more precise :)

Overall it is a very simple and clean design, nice work!

Keep on learning and designing!


  • Carousel photos and product photo are not in the same ratio and I can see more of the product on the thumbnail. Make sure their ratio is the same or make sure to show more on the product photo.
  • The 'Add to Cart' button is rightly given prominence. Double-check that the colors used here are accessible and that they stand out enough against the background.
  • The details are tucked away under an accordion, which keeps the page neat, but let’s consider a real-world scenario, product details might be much longer. Considering and covering all the scenarios might be helpful.
  • The 'You might also like' section is a good upsell opportunity. Ensure that these recommendations are striking enough with the product title and price.
  • The newsletter section is well placed at the bottom of the page. Providing a bit more incentive or information about what the newsletter offers (discounts, new products, ...) could potentially increase sign-ups.

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