<?xml version="1.0" encoding="utf-8"?>
Open full project

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.....

Share your insights — leave a project review and help others grow their skills

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 😎


5 Claps
Average 5.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>