LLM Prompts

Mobile-First Web Design Assistant

Generates ideas and best practices for mobile-first web design.

The method

Use this prompt set to brainstorm and refine mobile-first web design strategies. Input your website’s purpose and target audience. Review the generated prompts for feasibility and alignment with your goals, adapting them for your specific requirements and design tools.

The prompts

Prompt 1
I need to redesign my website with a mobile-first approach. My website is for [describe website purpose, e.g., a local bakery, an online course platform, a portfolio]. My target audience is [describe target audience, e.g., young adults, professionals, senior citizens]. Generate a list of 5-7 specific mobile-first design considerations I should prioritize, detailing their potential impact on user experience and conversion rates. For each consideration, give a practical example of how it could be implemented.
Prompt 2
Considering a mobile-first approach for [website name/purpose], what are the top 3 common pitfalls to avoid, and how can I proactively address them during the design and development phases? Focus on aspects like navigation, content display, and form usability on smaller screens. Provide actionable solutions to prevent these issues from arising.
Prompt 3
My website, [website name/purpose], is experiencing low conversion rates on mobile devices. Analyze the potential causes, considering aspects like page load speed, mobile-friendliness of forms, and the overall user journey. Offer specific, data-driven recommendations for optimizing the mobile experience to improve conversion rates. Include suggestions for A/B testing different mobile design elements.
Prompt 4
Compare and contrast the benefits and drawbacks of using Accelerated Mobile Pages (AMP) versus Progressive Web Apps (PWAs) for [website name/purpose]. My primary goals are to improve mobile loading speed, enhance user engagement, and potentially offer offline access. Which approach would be more suitable, considering the long-term maintenance implications and development effort involved? Justify your recommendation with clear reasoning.
Prompt 5
Suggest innovative ways to leverage mobile-specific features (e.g., geolocation, push notifications, camera access) to enhance the user experience on my website, [website name/purpose]. My website is designed for [describe website purpose and audience]. How can these features be integrated ethically and effectively to provide value to users and drive business goals, while respecting user privacy?