When Bible Art For You launched in 2021, our user base was primarily desktop shoppers. But as mobile traffic grew to represent 50% of all sessions, our desktop-first design was failing to convert mobile users effectively.
Product Designer
End-to-end UX design
User research & analytics
A/B testing and optimization
Our desktop-first design was creating friction for an increasingly mobile user base. We weren't just missing opportunities—we were actively losing customers.
Primary User Profile:
Age: 30-40 years old
Gender: 94% female
Life Stage: Moms with young children or expecting
Shopping Intent: Baby shower gifts, baby dedication gifts, nursery decor
Age
The age distribution of this audience.
Gender
The gender distribution of this audience.
Using Pinterest trend data and site search analytics, I identified common intent-driven queries:
Christian baby dedication gift, Christian baby dedication gift, Faith-based baby shower gift.
• Shopping happens in stolen moments—during naptime, at doctor's appointments, while commuting
• Frequently interrupted—kids need attention, phone calls come in, distractions are constant
• Limited patience—if the experience isn't immediately clear, they'll abandon and search elsewhere
• High decision stakes—buying meaningful faith-based gifts requires trust and emotional connection
1.Clarity Over Cleverness
• Remove visual noise
• Create a clear visual hierarchy
• Make the value proposition immediately obvious
2.Speed to Purchase
• Reduce clicks required to add to cart
• Streamline the path from browse to buy
• Optimize for returning customers
3.Thumb-Friendly Design
• Large, easily tappable buttons
• Important actions within natural thumb reach
• Prevent accidental taps
4.Scannable Information
• High contrast for outdoor/bright light reading
• Clear product names and prices
• Visual hierarchy that guides the eye
What Wasn’t Working
Moving announcement bar distracted from content
Hero image was cropped awkwardly and didn’t communicate brand value
Floating Action Button (FAB) overlapped product titles and created clutter
Design Decision
Removing the FAB entirely
Replacing the hero with a mobile-optimized image that communicated warmth, faith, and modern style
Improving visual hierarchy so the product—not UI chrome—was the focus
What Wasn’t Working
Low text contrast reduced readability outdoors or on small screens
Returning users wanted a faster way to buy
FAB added confusion rather than clarity
Design Decision
Increased font weight and color contrast to improve accessibility
Added “Add to Cart” on product cards, reducing steps to purchase
