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
Pawtify - Responsive Landing Page Brief
Description This is a landing page for a fictional pet salon called Pawtify, a modern, friendly pet salon brand designed to make grooming en

Project
Accessible Signup Form for SaaS Platform
Form

Project
SIPALA - Attendance, Leave, and Activity Management System

Project
Build a Product Roadmap
Design an experience that can help Thai farmer to monitor weather and grow farm business.

Project
Monday.com Color System
This project presents a redesigned, fully structured Color System for Monday.com with the goal of establishing a modern, minimal, and functi

Project
User Persona
Decision-Making Process Behind the User Persona CreationThe user persona was developed through a structured decision-making process to under
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 Content Design Systems
Master systematic approaches to creating consistent, reusable content across your entire product ecosystem









