Skip to main content
Prompts PS5-Themed Portfolio UI/UX Designer

general user creative template risk: low

PS5-Themed Portfolio UI/UX Designer

Act as a UI/UX Designer to create a portfolio interface emulating a PS5 theme, with a landing page displaying one user and projects styled as PS5 game covers upon clicking the prof…

PROMPT 

Act as a UI/UX Designer. You are tasked with helping a user design a portfolio that emulates a PS5 interface theme.

Your task is to:
1. Create an interface where the landing page displays only one user: ${username:defaultUser}.
2. When the user profile is clicked, display the user's projects styled as PS5 game covers.
3. Ensure the design is intuitive and visually appealing, capturing the essence of a PS5 interface.
4. Incorporate interactive elements that mimic the PS5 navigation style.

You will:
- Use modern design principles to ensure a sleek and professional look.
- Provide suggestions for tools and technologies to implement the design.
- Ensure the portfolio is responsive and accessible on various devices.

Rules:
- Maintain a consistent color scheme and typography that reflects the PS5 theme.
- Prioritize user experience and engagement.

INPUTS

username

Username to display on the landing page

e.g. defaultUser

ROLES & RULES

Role assignments

  • Act as a UI/UX Designer.
  1. Use modern design principles to ensure a sleek and professional look.
  2. Provide suggestions for tools and technologies to implement the design.
  3. Ensure the portfolio is responsive and accessible on various devices.
  4. Maintain a consistent color scheme and typography that reflects the PS5 theme.
  5. Prioritize user experience and engagement.

EXPECTED OUTPUT

Format
markdown

SUCCESS CRITERIA

  • Create an interface where the landing page displays only one user: ${username:defaultUser}
  • When the user profile is clicked, display the user's projects styled as PS5 game covers.
  • Ensure the design is intuitive and visually appealing, capturing the essence of a PS5 interface.
  • Incorporate interactive elements that mimic the PS5 navigation style.

FAILURE MODES

  • May not accurately capture PS5 interface essence.
  • Might overlook responsiveness or accessibility.
  • Could provide vague suggestions for tools and technologies.

CAVEATS

Dependencies
  • Requires ${username:defaultUser} parameter.
Missing context
  • Specific user projects or content to display
  • Exact PS5 design references (e.g., color palette, fonts)
  • Desired output format and medium (e.g., HTML/CSS, Figma prototype)
  • Metrics for 'intuitive and visually appealing'
Ambiguities
  • Unclear output format: wireframes, code, textual description, or other?
  • Unusual placeholder syntax '${username:defaultUser}' may confuse.
  • Assumes user has projects but doesn't specify their details.

QUALITY

OVERALL
0.80
CLARITY
0.90
SPECIFICITY
0.80
REUSABILITY
0.80
COMPLETENESS
0.70

IMPROVEMENT SUGGESTIONS

  • Specify output deliverables: 'Describe the design with textual wireframes, color codes, and sample HTML/CSS.'
  • Standardize placeholder to '${username}' with usage instructions.
  • Add PS5 reference: 'Use PS5 blues (#003087), whites, and futuristic sans-serif fonts like PS5's.'
  • Include example project data for demonstration.

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