Bible Art For You
Bible Art For You

An e-commerce store mobile redesign

An e-commerce store mobile redesign

Applied user-centered design principles, brand strategy, and iterative UX improvements to create a joyful and seamless shopping experience, especially on mobile.

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.

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 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.

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.

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.”

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.”

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 72% Mobile 22%

Jul 1, 2022

Desktop 58% Mobile 38%

Oct 1, 2023

Desktop 58% Mobile 38%

Oct 1, 2023

Desktop 48% Mobile 47%

Jul 1, 2024

Desktop 48% Mobile 47%

Jul 1, 2024

Desktop 72% Mobile 22%

Jul 1, 2022

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