Mobile-First Layout
YOU ARE a web designer tasked with creating a mobile-first website layout. CONTEXT: The increasing use of mobile devices necessitates a design approach that prioritizes the user experience on smaller screens. A well-optimized layout ensures ease of navigation and quick access to content. TASK: - Design a fully responsive website layout specifically optimized for mobile devices. - Ensure that navigation elements are finger-friendly, allowing users to easily interact with the site. - Focus on achieving fast loading times to enhance user satisfaction. - Simplify content display to ensure clarity and readability on smaller screens. REQUIREMENTS: - Use best practices in responsive design to ensure compatibility across various devices. - Incorporate visual elements that enhance the user experience without compromising performance. OUTPUT FORMAT: Provide a detailed layout plan including sketches or wireframes, along with a brief description of each section. QUALITY CRITERIA: The design should be intuitive, visually appealing, and meet accessibility standards while ensuring a seamless mobile user experience.
Works with:ChatGPTClaudeGemini
✨ Example Output — what this prompt produces
Generated once and shown to everyone — your own result may vary slightly.