Paddlezeit
Paddlezeit
Embedded Files
Designing with AI from 0 to100.
Designing with AI from 0 to100.
๐ Overview
๐ Overview
Paddelzeit is a responsive website concept that helps people in Hamburg find and book boats, SUPs, kayaks, and canoes.
For this project, I focused on designing the home page using Figma Make, exploring how AI can accelerate ideation and layout generation.
๐ Access the prototype here ๐
๐ฏ Goal
๐ฏ Goal
The goal was to test how AI could be used as a co-designer for rapid layout creation.
The challenge was learning how to:
Generate design variations quickly
Filter usable results from weaker ones
Stay in control of the design while AI handled speed and repetition
Make modifications to the design over and over while maintaining its integrity
๐ค My role
๐ค My role
UX/UI Designer
Leveraged AI tools for ideation, asset creation, and design acceleration
Created the home page with AI and made modifications repeatedly to bring it closer to a useable product
โ๏ธTools I Usedย
โ๏ธTools I Usedย
Figma Make โ generated layouts and wireframes with prompts
Google Stitch โ explored AI-powered ideation and rapid wireframing
ChatGPT โ crafted and refined prompts for best outputs
Mobbin โ researched similar apps for inspiration
Gemini โ generated hero images and supporting visuals
Collecting & Prioritizing Ideas
๐ Process
๐ Process
Collecting & Prioritizing Ideas โ gathered feature ideas, organized them, and defined what to focus on first (Mobbin).
Ideation & Wireframing โ explored several structures and formats rapidly with AI support (Google Stitch & ChatGPT).
Prompting & Iteration โ crafted prompts, analyzed AI results, refined prompts with ChatGPT, and repeated until useful layouts emerged (Figma Make and ChatGPT).
AI Feedback Loop โ used ChatGPT to analyze design outputs and suggest improvements for further iterations.
Ideation & Wireframing
Prompting & Iteration
โจ Outcome
โจ Outcome
A responsive home page with a clean layout, hero image, and required elements
Created in only two days (130 prompts over around 12 hours)
AI delivered speed and variety, while I focused on curation and UX refinement
Final result: polished visuals and layouts showcasing AIโs potentialย
โก Challenges with AI
โก Challenges with AI
Sometimes a small prompt change also alters unrelated elements.
AI sometimes produces bad designs since it learns from many poor examples.
Figma Make designs cannot be moved into Figma Design for refinement.
AI tools limit prompts and rely on credits, making them costly over time.
Human intervention is still required to make minor adjustments that seem to be out of AI's capabilities (at least for now)
A senior designer might prototype faster than AI because of the back-and-forth required.
๐ Key Takeaways
๐ Key Takeaways
AI is not faster than an experienced designer for prototyping.
But for ideation, AI is extremely helpful to spark directions and generate variations.
Even weak AI outputs give a useful starting point.
Human creativity and UX judgment remain irreplaceable.
Page updated
Google Sites
Report abuse