Image & Design Difficulty: Intermediate
Responsive Landing Page Optimization Strategy for Multiple Screen Sizes
This prompt guides a professional web developer or UX designer to create a comprehensive strategy for optimizing a landing page across various screen sizes. It instructs to analyze the provided landing page details, identify key responsive design elements, and develop a detailed plan including testing methods and implementation steps. The output is a structured framework that ensures the landing page delivers an optimal user experience on all devices.
Act as an experienced web developer with expertise in responsive design. Based on the provided landing page details [LANDING PAGE DETAILS], placeholder, create a comprehensive strategy to optimize the landing page for different screen sizes including mobile, tablet, and desktop. Analyze the current design elements to identify responsiveness issues and recommend best practices for flexible layouts, media queries, and image optimization. Develop a detailed plan covering implementation steps, testing procedures across devices, and performance considerations. 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
- A step-by-step responsive design audit identifying fixed-width elements and non-scalable images.
- A detailed implementation plan including CSS media queries and flexible grid layouts.
- A testing checklist covering device types, screen resolutions, and browser compatibility.
- Recommendations for optimizing images and assets for faster load times on mobile 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 DETAILS] with your own detail. 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 Image & Design, by shared subject and tagging.
- Professional Website Development Blueprint for Business Optimization
- Google Tag Manager Setup for Landing Page User Behavior and Event Tracking
- Common Mistakes to Avoid When Creating Landing Page Call-to-Actions
- Create a Strategy to Enhance Call-to-Action Visibility on Landing Pages
- Optimize Call-to-Action Placement to Increase Landing Page Conversions
- Best Practices Framework for Mobile-Optimized Landing Pages to Boost Conversion Rates
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.