Here’s a revolutionized UI/UX Process for client projects with AI.
In this video i guide you through the detailed steps to gather requirements and synthesize a UI that satisfies all your client’s needs.
Community form: [ Ссылка ]
PROMPTS:
✨ Gather requirements:
Create comprehensive ui/ux project requirements questionnaire for [product type, product industry]. Please create a structured questionnaire that covers all essential design aspects of the solution.
The questionnaire should be:
1. Organized into clear sections
2. Written in a professional but approachable tone
3. Include both closed-ended and open-ended questions
4. Designed to uncover both explicit and implicit ui requirements.
Present the questionnaire in an interactive html web page, modern, colored and well spaced, with a button at the end to “save answers”. the button should open the browser print menu. in the printable version include only a summary of the results.
✨ Sitemap:
Based on the attached answers from my client, create a sitemap for the app
✨ Approval form:
based on this sitemap create an interactive document in html so that my client can verify and comment on all the requirements.
add a “save” button at the end. the button should open the browser print menu. in the printable version include only a summary of the answers.
✨ Home page structure:
based on the attached requirements, give me a detailed structure description for the home page in plain text, in order to be able to prompt a ui generator
AI Tooltip Newsletter → [ Ссылка ]
Insta → [ Ссылка ]
00:00 Intro
00:53 Requirements Collection
03:34 Sitemap
03:57 Client Approval
04:48 UI Structure
05:14 Bolt Vs Lovable
06:25 Build Home Page UI
07:30 Build the rest of the pages
08:36 Community & Final Thoughts
@lovable-labs
[ Ссылка ]
@anthropic-ai
[ Ссылка ]
#uiux #aitools #aidesign #webdesign #claude #lovable #nocode
Ещё видео!