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
Sojo NFT Marketplace
Sojo is an innovative digital marketplace where creators and collectors can buy, sell, and trade unique NFTs (non-fungible tokens) across va

Project
From Idea to Full-Stack Web App
Why I Built a Finance App for “Regular People” Like Me: As a product designer and naturally curious person, I’m always exploring new ways t

Project
Docto
This is an app for medical services, and these are the two variants of light and dark mode. Below, I am describing some of the decisions. I

Project
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
This project is an unofficial, self-initiated redesign created for the Uxcel & UXPilot Challenge.

Project
Fundraising Website
The fundraising website is a dynamic platform designed to support individuals, communities, and organizations in their efforts to raise fund

Project
NEWFASHON™ - Landing page
Content— The customer can pick the main categories of clothing right upon arrival on the landing page. He can also choose between the main c
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.