Barekind - An Ethical and Inclusive E-Commerce underwear site for men
Disclaimer - This is an AI supported design project.
I believe that UX design will no longer occur in environments where AI does not play a role. Therefore my objective is to explore the uses of AI as tools to support designers.
Therefore my intention is to both complete this task utilising AI and to fully outline its use to be transparent, but to also develop my own usage of AI as a design tool.
Summary:
I created a mobile e-commerce website putting the concepts of accessibility, inclusivity and sustainability at the heart of the design. The aim of the project was to use AI to fill in the gaps and act as a tool to guide the layers of design. The final design includes manual amends and changes to the design. The final design aims to reflect the outcome of using Ai tools as means of stepping through the design process.
The process I followed:
1 - Define the Brief
2 - Clarify Evaluation Criteria
3 - Define the brand
4 - Understand Industry Expectations
5 - Define what applies to the brand
6 - Outline the key design considerations
7 - Create first designs
8- Review First designs
9 - Manual design iteration
10 - Summary
Accessibility considerations:
- Colour Contrast meets WCAG AA
- Content Hierarchy (headings and subheadings, expandable sections.
- Prominent key information (Product name, pricing etc)
- High contrast typography
- Large touch targets
- Icons supported by labels
- Image Alt text
Inclusivity considerations:
- Body positivity photography featuring real people
- Various body types and life stages included in images
- Change model allows for the user to pick someone like them rather than just see an unrealistic image.
Sustainability considerations:
- Ethical information prioritised
- Key ethical info at a glance (fare trade, carbon neutral, recycled etc)
- Materials and sustainability information provided
- About the maker information provided
Note - images censored to avoid offending the sensibilities of the online AI moderator.....
Tools used
From brief
Topics
Share
Reviews
1 review
Okay, “vibe-designer”, I can see how much AI will speed up the design process. I did miss the opportunity to review this project with AI tho, because my human brain still needs the practice 🙃 Also, you already reviewed the AI output.
Jamie, you should turn this into a tutorial and submit it instead. It’ll help the rest of us, and I really appreciate and love the transparency of putting the disclaimer up front. As if it isn’t hard enough to “compete” against other designers, we might as well stick together and grow instead.
PS. I’m no longer in the rat race of competing, just chilling here in my own lane 😎
You might also like

Fundraising Website

NEWFASHON™ - Landing page

Mobile onboarding flow

MamaFlow

FOURm - Landing Page for High-Conversion Fitness Startup
