neo/seo-services-landing
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile optimization: +19 patterns #1

Closed
neo wants to merge 0 commits from mobile-optimize into master
pull from: mobile-optimize
merge into: neo:master
Conversation 0 Commits - Files Changed -
neo commented 2026-07-13 14:28:57 +05:00
Owner
Copy link
Copy source

Changes

Applied 19 mobile optimization patterns from wow-design-wiki:

Critical (iOS)

  • ✅ viewport-fit=cover
  • ✅ 100dvh for hero
  • ✅ safe-area env(safe-area-inset-*)
  • ✅ container safe padding

High (UX/Conversion)

  • ✅ Sticky bottom CTA (+15-30% conversion)
  • ✅ Touch targets 44×44px
  • ✅ Active state feedback (:active scale 0.97)
  • ✅ -webkit-tap-highlight-color: transparent
  • ✅ Font preload
  • ✅ Close button mobile menu
  • ✅ Main bottom padding (80px for sticky CTA)

Medium (A11y/Performance)

  • ✅ prefers-reduced-motion
  • ✅ overscroll-behavior-y: contain
  • ✅ -webkit-backdrop-filter for Safari iOS <15
  • ✅ font-display: swap (already present)

Low

  • ✅ Mobile nav icons (emoji)

Testing

  • iPhone 15 Pro (Dynamic Island) - Safari
  • iPhone SE - Safari
  • Android (Pixel) - Chrome
  • iPad - Safari
  • Reduced motion - Settings > Accessibility
## Changes Applied 19 mobile optimization patterns from wow-design-wiki: ### Critical (iOS) - ✅ viewport-fit=cover - ✅ 100dvh for hero - ✅ safe-area env(safe-area-inset-*) - ✅ container safe padding ### High (UX/Conversion) - ✅ Sticky bottom CTA (+15-30% conversion) - ✅ Touch targets 44×44px - ✅ Active state feedback (:active scale 0.97) - ✅ -webkit-tap-highlight-color: transparent - ✅ Font preload - ✅ Close button mobile menu - ✅ Main bottom padding (80px for sticky CTA) ### Medium (A11y/Performance) - ✅ prefers-reduced-motion - ✅ overscroll-behavior-y: contain - ✅ -webkit-backdrop-filter for Safari iOS <15 - ✅ font-display: swap (already present) ### Low - ✅ Mobile nav icons (emoji) ## Testing - iPhone 15 Pro (Dynamic Island) - Safari - iPhone SE - Safari - Android (Pixel) - Chrome - iPad - Safari - Reduced motion - Settings > Accessibility
neo closed this pull request 2026-07-13 14:42:12 +05:00

Pull request closed

Please reopen this pull request to perform a merge.
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
neo
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: neo/seo-services-landing#1