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
Pulse — Music Streaming App with Accessible Light & Dark Mode
Platform & DeviceFor this project, I designed Pulse, a mobile music streaming application for iOS devices (using the provided mobile templat

Project
Islamic E-Learning Platfrom Dashboard
Visual Language & Color I wanted the interface to feel like a quiet room you'd actually want to sit in and study. The warm neutrals - off-wh
Project
SiteScope - Progress Tracking App
🧩 Project OverviewThis project showcases the design of a mobile login and sign up experience for a construction progress tracking app. The

Project
FlexPay
The onboarding was designed to reduce financial anxiety, create a sense of instant reward, and encourage early action. Instead of overwhelmi

Project
Mobile Button System
As my first ever ux design attempt, I tried to go with a simplified approach with only a few button types and states. I kept the color palle

Project
CJM for Co-Working Space - WeWork
This project presents a customer journey map for WeWork, created to understand the end-to-end experience of a remote professional using a co
Design Leadership Courses
Course
UX Design Foundations
Learn UX design fundamentals and principles that create better products. Build foundational knowledge in design concepts, visual fundamentals, and workflows.
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.











