Business & Productivity Difficulty: Intermediate
Comprehensive Strategy for Mobile Optimization and Accessibility of Landing Pages
This prompt guides a professional web developer or UX designer to create a comprehensive strategy for optimizing a landing page for mobile devices. It instructs to analyze common pitfalls in mobile optimization, identify best practices for accessibility and usability across all screen sizes, and produce a detailed implementation plan. The output should be a structured framework that ensures the landing page is fully responsive, accessible, and user-friendly on any device.
Act as a professional web developer with expertise in responsive design and accessibility. Based on the provided [LANDING PAGE URL], placeholder or [LANDING PAGE DESIGN], placeholder, create a detailed strategy to avoid common mistakes in mobile optimization. Analyze the landing page to identify issues that hinder accessibility and usability on various screen sizes. Develop a comprehensive plan that includes best practices for responsive layout, touch-friendly elements, loading performance, and accessibility standards compliance. Provide a step-by-step implementation framework to ensure the landing page is fully optimized for mobile devices and accessible across all screen sizes. Present the output as a structured framework that guides the optimization process from start to finish.
Highlighted text is a blank. Swap it for your own detail before you send the prompt.
What it produces
- Identify key mobile usability issues such as small touch targets and slow load times.
- Outline responsive design techniques including flexible grids and media queries.
- Recommend accessibility improvements like ARIA roles and keyboard navigation support.
- Provide a phased implementation plan with testing checkpoints for various devices.
How to use this prompt
Four steps, about a minute. Nothing to install and no account needed.
Copy the prompt
Use the Copy button above. The whole prompt goes to your clipboard exactly as written. Nothing is trimmed.
Fill in the blanks
Replace [LANDING PAGE URL] [LANDING PAGE DESIGN] with your own details. Everything in square brackets is a blank for you to fill in.
Paste it into your assistant
Checked against ChatGPT, Claude, Gemini. It is written as plain instructions, so paste it into whichever of them you already use.
Read the result, then push back
Compare what you get to the example below. If it is close but not right, say what to change: shorter, warmer, more specific, then ask again in the same conversation.
More prompts like this one
Close neighbours in Business & Productivity, by shared subject and tagging.
- Professional Website Development Blueprint for Business Optimization
- Analyze Benefits of Typography and Color Choices for Accessibility and Readability
- Create a Comprehensive UX Improvement Plan for Reported Software Usability Issues
- Step-by-Step Blueprint for Building a Landing Page
- Accessibility Improvement Roadmap for Digital Products Serving Users with Disabilities
- Analyze Benefits of Familiar Navigation Patterns for Usability Enhancement
Reviews and questions
What other people got out of this prompt, and what they asked about it.
Sign in to review this prompt.
Sign In to ReviewNo reviews yet
Be the first to share how this prompt worked for you.
Ask how to customize, adapt, or use this prompt more effectively.
Sign In to AskNo questions yet
Have a question about using or customizing this prompt? Be the first to ask.