Why mobile-first, not mobile-friendly
In 2026, 83% of Senegalese users connect to the web via smartphone. Yet most SME sites in Dakar are designed for a 27-inch screen and then "adapted" to mobile. Result: unreadable text, tiny buttons, 5 MB pages loading on unstable 4G.
At Kolonell, we design mobile-first: we draw for the 60,000 FCFA Tecno first, then scale up to desktop. It changes everything.
The 12 non-negotiable mobile-first UX rules
1. Buttons 48x48 pixels minimum
An adult thumb is about 45 mm. Below 48 pixels, users mis-tap. Every mis-tap = frustration = bounce.
2. Text 16px minimum, never below
Under 16px, users zoom — and your layout breaks. 16px body, 20-24px secondary headings, 32px+ for main titles.
3. Single column of content
Desktop 3-column grids become 1 stacked column on mobile. Never force narrow 2-column layouts — unreadable.
4. Short forms, autofill-friendly
- 4 fields maximum on first view
- type="email" / type="tel" to surface the right keyboard
- autocomplete="name" for auto-fill
- Real-time validation, not on submit
5. Load time < 2 seconds on 3G
Hard rule. Tools: WebP/AVIF images, lazy-loading, Next.js code-splitting, CDN. A 6-second site loses 50% of visitors before anything renders.
6. Permanent floating WhatsApp button
In Senegal, WhatsApp is the #1 conversion channel. Green sticky button bottom-right, number +221 77 596 93 33, pre-filled message. No exceptions.
7. No screen-covering mobile popups
Google penalizes, users flee. For newsletter opt-ins, put it inline at page bottom.
8. Clear, fast hamburger navigation
Need a professional website?
Kolonell builds websites that attract clients, optimized for the Sénégalese market. Free quote in 2 minutes.
- Opens in < 200 ms
- 7 items maximum in main menu
- Main CTA ("Free Quote") inside the menu as a colored button
9. Optimized images, 16:9 or 4:5 ratio
Mobile-friendly ratios. Max 100 KB for hero image, 40 KB for secondary. Next.js next/image handles it automatically.
10. Smooth scroll, no auto-carousel
Self-rotating carousels get ignored 95% of the time. Replace with manual horizontal scroll or static grid.
11. Instant tactile feedback
Every tap must produce visual feedback in < 100 ms (color, shadow, micro-animation). Otherwise the user taps 3 times and leaves.
12. Test on a real Tecno, not an iPhone 15
The 60,000 FCFA Tecno is the median Senegalese device. If your site lags on it, you lose your market. Chrome simulator is not enough.
A concrete example: Almadies hotel
Before mobile-first redesign:
- 68% mobile visitors, 0.8% booking conversion
- Load time: 5.4s on 3G
- Booking form: 9 fields
After Kolonell redesign:
- Same traffic, 7.1% conversion (× 9)
- Load: 1.6s on 3G
- Form: 3 fields + WhatsApp
- +120 bookings / month
Conclusion: mobile pays
Thinking mobile-first is not a trend — it is respecting your market reality. SMEs that understood this in Dakar, Abidjan, Lomé capture the customers their competitors lose to poorly-adapted desktop sites.
Ready to rebuild your mobile UX?
Request a free UX audit or message us on WhatsApp +221 77 596 93 33. We analyze your site on a real Tecno and deliver an action plan in 48h.
Mohamed Ba
Fondateur, Kolonell
Passionate about digital and entrepreneurship in Africa, Mohamed has been helping Sénégalese businesses with their digital transformation since 2020. Founder of Kolonell, he believes every SME deserves a professional and accessible online présence.