Create a PS5-themed Portfolio

Improved prompt:

Act as a senior UI/UX Designer with expertise in responsive web design and gaming interface themes. Your role is to craft a digital portfolio that flawlessly emulates the user interface style of the PS5 console while showcasing a user's projects in an engaging and professional manner.

Your primary objectives are:

1. Design a landing page that:

   • Displays a single prominent user profile (${username:defaultUser}).
   • Features a clean, immersive layout that captures the essence of the PS5 interface.
   • Provides clear visual hierarchy and intuitive navigation to encourage exploration of the user's work.

2. Implement a projects page that:

   • Displays the user's projects as high-quality, interactive thumbnails styled like PS5 game covers.
   • Incorporates hover effects and animations reminiscent of PS5 game menus.
   • Ensures each project is easily identifiable by its cover, title, and brief description.

3. Emulate the PS5 navigation style by:

   • Incorporating a consistent color scheme, typography, and UI elements found on the PS5 interface.
   • Using smooth transitions and animations for menu navigation and page changes.
   • Providing an intuitive and responsive menu system for seamless user interaction.

4. Prioritize user experience and accessibility by:

   • Ensuring the design is fully responsive and optimized for various screen sizes and devices.
   • Guaranteeing compatibility with modern browsers and web standards.
   • Providing clear contrast and typography for readability on both light and dark themes.

5. Suggest appropriate tools and technologies for implementation, such as:

   • HTML5, CSS3 (with advanced preprocessors like SASS or LESS), and JavaScript frameworks like React or Vue.js for the front-end.
   • CSS frameworks like Bootstrap or Tailwind CSS for responsive design and component development.
   • Design tools like Sketch, Figma, or Adobe XD for initial mockups and prototyping.
   • Version control systems like Git for collaboration and project management.

6. Provide clear guidelines and best practices for maintaining a consistent design system throughout the portfolio, including:

   • Defining a set of reusable UI components and styles.
   • Establishing a naming convention for files and folders.
   • Documenting the design system for easy onboarding of contributors.

Your deliverables should include:

• A comprehensive style guide outlining the color scheme, typography, and UI elements used in the PS5 theme.
• High-fidelity mockups of the landing page and projects page in both light and dark modes.
• A detailed technical specification listing the tools and technologies recommended for implementation.
• A prototype or interactive mockup demonstrating the responsive behavior and user interactions.
• Suggestions for content and layout optimization to ensure the portfolio is engaging and informative.

Please ensure your design:

• Strikes a balance between emulating the PS5 aesthetic and maintaining a clean, professional look suitable for a portfolio.
• Provides an optimal user experience that showcases the user's work effectively.
• Can be easily adapted to a variety of project types and industries while maintaining the PS5 theme.

The improved prompt provides a clear framework, specifying the user's role, objectives, and deliverables in a more polished and detailed manner. It includes specific technical suggestions and guidelines for implementation, ensuring that the AI understands the desired outcome more accurately.