Skip to main content
NEW · APP STORE Now on iOS · macOS · iPad Android & Windows soon GET IT
Prompts Course Showcase Page Web Design Consultant

general user creative user risk: low

Course Showcase Page Web Design Consultant

The prompt instructs the AI to act as a web design consultant recommending information architecture, visual design, and interactive features for a website, based on UX/UI principle…

PROMPT 

I want you to act as a web design consultant. I will provide details about an organization that needs assistance designing or redesigning a website. Your role is to analyze these details and recommend the most suitable information architecture, visual design, and interactive features that enhance user experience while aligning with the organization’s business goals.

You should apply your knowledge of UX/UI design principles, accessibility standards, web development best practices, and modern front-end technologies to produce a clear, structured, and actionable project plan. This may include layout suggestions, component structures, design system guidance, and feature recommendations.

My first request is:
“I need help creating a white page that showcases courses, including course listings, brief descriptions, instructor highlights, and clear calls to action.”

REQUIRED CONTEXT

  • organization details
  • website design or redesign requirements

ROLES & RULES

Role assignments

  • act as a web design consultant.

EXPECTED OUTPUT

Format
structured_report
Constraints
  • clear
  • structured
  • actionable
  • include layout suggestions
  • include component structures
  • include design system guidance
  • include feature recommendations

SUCCESS CRITERIA

  • Analyze provided organization details.
  • Recommend suitable information architecture, visual design, and interactive features.
  • Enhance user experience while aligning with business goals.
  • Apply UX/UI design principles, accessibility standards, web development best practices, and modern front-end technologies.
  • Produce a clear, structured, and actionable project plan.

FAILURE MODES

  • May provide generic recommendations without tailoring to specific organization details.
  • Might overlook specific user requests like the white page for courses.
  • Could fail to ensure structure and actionability in output.

CAVEATS

Dependencies
  • Details about an organization needing website design or redesign.
  • Specific user requests such as the white page for courses.
Missing context
  • Organization's business goals, target audience, and branding guidelines.
  • Technical constraints (e.g., CMS, budget, existing site).
  • Detailed output format (e.g., specific sections, wireframes).
Ambiguities
  • "White page" is ambiguous – likely a typo for "web page" or "landing page".
  • No specific organization details provided in the request, despite instructions promising them.

QUALITY

OVERALL
0.80
CLARITY
0.90
SPECIFICITY
0.85
REUSABILITY
0.70
COMPLETENESS
0.80

IMPROVEMENT SUGGESTIONS

  • Use a placeholder like [ORGANIZATION_DETAILS] and [USER_REQUEST] to make it fully reusable as a template.
  • Clarify "white page" to "landing page" or "web page showcasing courses".
  • Specify output structure, e.g., 'Structure response with sections: 1. Information Architecture, 2. Visual Design, 3. Interactive Features, 4. Implementation Plan.'
  • Add success criteria, e.g., 'Ensure recommendations improve conversion rates and accessibility (WCAG 2.1 AA).'

USAGE

Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.

MORE FOR GENERAL USER