• Role: Product Designer
• Scope: UX research, UI design, analytics, CRO, brand strategy
• Tools: Figma, Shopify Analytics, Google Analytics, Pinterest Trends
• Timeline: Ongoing (2021–2025)
Bible Art For You is a direct-to-consumer e-commerce brand offering modern Christian scripture art for families. As a product designer, I owned the end-to-end experience—from brand positioning to UX design and ongoing optimization.
The Problem: As the business grew, a major shift in user behavior emerged: mobile traffic steadily increased.
Applied strategic UX design and business analytics to transform a desktop-first store into a mobile-optimized shopping experience—resulting in a 15% conversion rate increase and 14% growth in online sessions.
• Christian moms aged 25–45.
• Often browse on mobile, multitasking, and are time-constrained
• Shopping for: Nursery art, Baby dedication gifts, Baby shower gifts
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
At launch, 75% of sessions were desktop-based.
Over time, mobile traffic steadily increased—eventually reaching 50% of total sessions.
This data made it clear:
A mobile-first redesign was no longer optional—it was essential.
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
Iteration & Feedback Loop
This redesign was not a one-time effort — it followed a continuous loop:
• Analyze data (Shopify + GA)
• Identify friction points
• Design & test improvements
• Launch quickly
• Measure impact
• Refine
Each update was grounded in real user behavior, not assumptions.
Results & Impact
• 14% increase in online sessions
• Improved mobile readability and engagement
• Faster path to purchase for returning customers
• Increased trust and emotional connection through calmer, clearer UI
The mobile experience became more aligned with both customer needs and business goals.
What This Project Demonstrates
• Designing with a business mindset, not just aesthetics
• Using analytics + qualitative insight to guide UX decisions
• Translating emotional brand values into practical UI choices
• Building and iterating in a real production environment
• Owning the full lifecycle: research → design → launch → optimize
Reflection
Running and designing for my own e-commerce business gave me a deep appreciation for how small UX decisions directly impact trust, conversion, and long-term growth. This project sharpened my ability to move fast, test thoughtfully, and balance visual polish with performance—skills I bring into every product and CRO-focused design role.
