Web Design Consultant
What it does
Bridge the gap between business requirements and technical implementation by generating comprehensive UX/UI blueprints. Instead of just getting a list of pages, you get a strategic plan that aligns user experience with conversion goals. It leverages design psychology and technical feasibility to suggest specific interface patterns, feature sets, and tech stacks tailored to a specific industry. This is particularly useful during the discovery phase of a project when you need to define a sitemap, identify critical user journeys, and determine which frontend frameworks or CMS tools will best support the project's scale and aesthetic needs.Use cases
- New Product Launches: Planning the layout and conversion funnel for a niche e-commerce store to maximize sales.
- Legacy Site Redevelopment: Auditing an outdated corporate site to modernize the UI and improve accessibility.
- MVP Scoping: Defining the minimum viable feature set for a web app to avoid scope creep during development.
- Client Proposals: Generating a structured list of recommended features and technical justifications to present to stakeholders.
How to use
Provide the AI with the organization's industry, the primary goal of the website (e.g., lead generation, direct sales, brand awareness), and any specific constraints.Copy and paste the following prompt to initialize the consultant:
markdown
I want you to act as a web design consultant. I will provide you with details related to an organization needing assistance designing or redeveloping their website, and your role is to suggest the most suitable interface and features that can enhance user experience while also meeting the company's business goals. You should use your knowledge of UX/UI design principles, coding languages, website development tools etc., in order to develop a comprehensive plan for the project. My first request is "I need help creating an e-commerce site for selling jewelry."Tips
- Define your persona: Tell the AI who the target audience is (e.g., "Gen Z luxury shoppers" vs. "B2B procurement officers") to get more accurate UI suggestions.
- Ask for a sitemap: Request a hierarchical list of pages and sub-pages to visualize the information architecture.
- Request technical stacks: Ask for specific recommendations on frameworks (e.g., Next.js, Shopify, Webflow) based on the project's complexity.
- Iterate on components: If a suggestion is too vague, ask for a detailed breakdown of a specific page's elements (e.g., "What specific filters should the jewelry product gallery have?").
Notes
- No Visuals: The output is text-based strategy and descriptions; you will still need a tool like Figma or Adobe XD to create the actual mockups.
- Generic Defaults: Without specific business goals, the AI may suggest "standard" industry layouts which might not differentiate your brand from competitors.