Bible Art For You – E-commerce store
A faith based e-commerce store offering scripture inspired art for nurseries and children’s rooms.
I applied user-centered design principles, brand strategy, and iterative UX improvements to create a joyful and seamless shopping experience, especially on mobile.
Project Summary
Objective
- Build a welcoming, faith-centered store experience tailored for Christian families. - Make browsing and purchasing easy and inspiring on mobile devices. - Align product design with both spiritual meaning and modern interior aesthetics.
Design Challenges
- Users couldn’t easily find stylish Christian art that complemented their home decor. - The original desktop-first design did not meet the needs of growing mobile users. - Key UI elements were distracting or poorly optimized for mobile browsing.
Design Goals
- Create a visual tone that resonates with faith-driven, modern families. - Increase engagement and trust through a clean, accessible interface. - Use analytics and user feedback to continuously improve mobile usability.
Solutions I Designed
- Refined brand identity and product presentation to reflect warmth, peace, and faith. - Optimized mobile UI for clarity, accessibility, and ease of navigation. - Removed distractions and friction in the shopping flow to improve conversions.
Target Audience
Primary users: Christian moms aged 25–45, shopping for nursery art or gifts.
What are my customers searching for?
Data shows that users often search for baby dedication gifts and Christian-themed baby shower gifts.
User Persona
Sofia Toms
“I want beautiful Christian art for my baby’s room—something meaningful but also cute and modern.”
Rachel Chang
“I’d love to decorate my daughter’s room and my classroom with scripture art that kids actually enjoy.”
Shift in User Behavior: Growth in Mobile Sessions
Desktop 72% Mobile 22%
Jul 1, 2022
Desktop 58% Mobile 38%
Oct 1, 2023
Desktop 48% Mobile 47%
Jul 1, 2024
Early Mobile App
At launch, 75% of sessions came from desktop users. Over time, mobile traffic steadily increased, reaching 50% by 2024—making a mobile-first redesign essential.
Problem
Moving announcement bar text was distracting. Hero image was cropped and failed to convey branding. Floating Action Button (FAB) covered product titles.
Solution
Replaced with a mobile-optimized hero image, removed FAB, and improved visual hierarchy.
Problem
Low text contrast made content hard to read on mobile. Return users wanted a faster way to purchase. FAB button caused clutter.
Solution
Increased font weight and color contrast, added "Add to Cart" directly on product cards, and removed the FAB for a cleaner interface.
Key Accomplishments
A mobile-first design approach led to a 14% increase in online sessions.
- A mobile-first redesign led to a 14% increase in online sessions.
- Data-driven decisions improved readability, engagement, and trust.
- Streamlined shopping flow for higher user satisfaction on mobile
