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
Jeel app website wireframes
Redesigning Jeel website for many Business Goals/ User Needs: Shows what the application is about. What are the benefits users can get from

Project
Ithnain Management System
Creating a Design system for a management system for a healthcare app. Starting from understanding main functions for every user type by lis

Project
ALT.Studio Color System
The color palette of ALT Studio was developed to reflect the brand’s personality and values. The bright primary colors (Lime Green, Solar Ye

Project
2 PAY
2Pay Workshop: Building the Future of Cross-Border Transfers

Project
Visit Sri Lanka Mobile App
Problem StatementTourists and local travelers face difficulty finding accurate travel information, planning trips efficiently, and booking r

Project
Design Workshop Plan
It's part of the work I'm doing for a while Part 1 - Research Part 2 - Prototype
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
Building Agile Teams
Learn agile mindsets and practices to build collaborative product and UX teams that efficiently deliver high-quality designs, solutions, and exceptional value.