In this project, I explored how artificial intelligence can be a powerful ally in crafting bold, user-centered digital experiences. Using Mottiff as a layout generator and MidJourney for visual content, I designed a conceptual e-commerce website for a modern streetwear brand — blending my UX/UI expertise with AI to streamline the process without sacrificing creativity or intention.
This case study showcases not only the final design but also the creative thinking and decision-making behind each page. From structuring the user flow to directing AI tools with precision, my goal was to deliver a professional, fashion-forward shopping experience that reflects the energy, identity, and culture of today’s streetwear scene.
streetverse
*
streetverse *
Streetverse
Case study
Project Overview
A conceptual streetwear e-commerce website built using AI-powered tools, blending intuitive UX design with an urban, high-fashion visual identity. This project explores how a designer can direct and refine AI to generate professional, user-centered experiences.
Tools used:
Mottiff (AI layout generation)
MidJourney (hero & product visuals)
ChatGPT (prompts, copywriting, structure)
My UX/UI direction & editing
The Challenge
Create a stylish, functional online store that resonates with a Gen Z audience — one that feels bold, urban, and responsive, yet designed quickly using AI-assisted workflows.
Goals
Design a smooth shopping experience for both desktop and mobile
Highlight three core product categories
Use AI tools without compromising quality or control
Test how fast and flexible AI-generated websites can become client-ready
Design Process
Concept & Planning
Defined the brand’s tone: bold, minimalist, fashion-forward
Sketched out page needs: Homepage, Shop, Cart, About, Contact, etc.
Chose visual direction inspired by brands like Supreme, A-COLD-WALL, and KITH
AI Design with Mottiff
Prompted Mottiff with detailed, UX-aware instructions (e.g., “floating header, bold hero, grid layout for product categories”)
Iterated through generated layouts and refined composition, structure, and spacing
Customized pages for:
Homepage: Hero image + 3 categories
Men’s, Women’s, Accessories
Cart, Checkout, Contact, About
Visuals with MidJourney
Generated hero images and lifestyle shots using MidJourney (v6)
Prompts focused on urban aesthetics, confident models, street textures, and brand consistency
Selected imagery that enhances UX while communicating the brand's spirit
Content & Voice
Wrote all UX copy using ChatGPT and your tone of voice: bold, confident, direct
Included microcopy (buttons, forms), CTAs, and storytelling pieces for About & Contact pages
Final Design Features
Floating sticky header with logo, nav, and cart
Hero image on homepage with bold CTA
Category grid: Men’s, Women’s, Accessories
Full shopping cart and checkout system with clean forms
Mobile-optimized, responsive layout
Product grid with hover effects, filters, and tags
Contact form with urban editorial layout
About page with brand storytelling and value highlights
Hi Fi Prototype
This high-fidelity prototype brings the Streetverse concept to life — a bold, streetwear-inspired online experience blending urban aesthetics with intuitive user flow. Designed for desktop, the prototype showcases a clean layout, immersive visuals, and smooth navigation from homepage to checkout. Every detail, from product cards to hover states, was crafted to reflect the brand’s raw energy and digital edge.
What
I learned
AI can accelerate the layout process, but design intent still comes from the human hand
Directing the AI with strong prompts is key — AI is a collaborator, not a replacement
Fast prototyping is possible without compromising UX quality
Combining AI visuals + layout + designer curation produces compelling, polished results
What’s Next?
This case study will serve as a foundation for future AI-powered design experiments — possibly integrating:
Real-time e-commerce functionality
User testing
Branding systems built via AI
Style guide creation with generative tools