Shop YOTO
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.
From brief
Topics
Share
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
You might also like

Project
Entrant Accessible Signup and Login Forms
Entrant was the internship-focused job-seeking app for college students and fresh graduates — built around lowering friction, making opportu

Project
A/B Testing for Bumble's Onboarding Process
This hypothesis project is made with the purpose of improving Bumble's onboarding process with gamification, early reward system, and intere

Project
Dark mode Main page
light mode

Project
CJM x Mindspace case study - Ester Cinelli
Mindspace was chosen for this customer journey map because it offers a premium, design-focused co-working experience aimed at people who nee

Project
LUMÉRA - Checkout Flow
Cart abandonment is one of the biggest challenges for D2C brands, especially in categories like skincare, where trust and reassurance play a

Project
Tripit's Login and Sign Up Flow
Tripit is a travel planning and itinerary management app that I personally love using. For the most part Tripit's login and sign up flow are
Design Leadership Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Introduction to Design Systems
Learn how to build scalable, consistent, and accessible design systems from the ground up.










