Most visitors from Meta ads and many from Google are on phones. Design for the phone first, then adapt for desktop.
Layout
- Single column.
- Short sections with clear headings.
- Important information first.
Text
- Body text at least 16px.
- Short paragraphs.
- Bullet points for details.
Buttons and actions
- Large buttons, easy to tap with a thumb.
- Tap-to-call; make links with our click-to-call generator.
- WhatsApp button; create links with our WhatsApp link generator.
- A sticky bottom bar with the main action.
Forms
- Few fields.
- Correct keyboard types: number pad for phone numbers.
- Autofill enabled.
- Large input fields.
Avoid
- Full-screen pop-ups.
- Tiny text in images.
- Tables that do not fit the screen.
- Elements that shift while loading.
Test on real phones
Try your page on a mid-range Android phone on mobile data.
Read mobile-first websites in India.
Want the full picture? This article is part of Landing pages: the complete guide, our in-depth guide with everything in one place.
