Mangal Materials
E-Commerce App Redesign for Spiritual Puja Rituals
About the Project
Mangal Materials is an offline-first spiritual e-commerce application. It delivers a curated ecosystem providing deity idols, custom puja packages, and ritual items directly to users. The redesign prioritizes tactile interface elements, simplified navigation trees, and accessibility standards.
Core Problem Statement
The initial mobile experience was plagued by excessive catalog fragmentation, complicated ritual-selection screens, and a multi-step checkout funnel that alienated older non-technical user demographics. The redesign targeted cognitive-load reduction and WCAG contrast conformance.
PUJA orders fail due to confusing multi-item ritual package grids.
Search speed lift through elastic indexing and dynamic swatches.
Cart abandonment drop under our unified 1-click package checkouts.
Structured Sitemap
Puja Package Catalog
- Ritual Planner
- Deity Selection
- Custom Material Bundles
Tactile Cart
- 1-Click checkout
- Scheduled delivery settings
- Priest booking addon
User Profiles
- Family puja logs
- Holy event alerts
- Orders history
User Flow & Wireframes
Tactile Package Configurator
A clean, responsive flow where users select their upcoming festival, and all necessary elements are bundled automatically.
Accessible Checkout Funnel
Unified single-page card checkout with highly visible text contrast indices, large touch target fields, and micro-instructions.
High-Fidelity UI Designs
Emerald Brand Interface
A breathtaking dark emerald-green and mint layout. Utilizes soft card gradients and organic visual structures.
Simplified Ritual Bundler
Bespoke checkout interfaces enabling users to instantly configure complex religious kits in two taps.
Color Palette & Typography
Deep Emerald
#081F16Primary brand background color instilling deep peace and holiness.
Tactile Mint
#00A37BInteractive brand accent color highlighting CTA actions and cards.
Pure Sand
#F3EFE0Light text contrast color echoing spiritual sand and clay assets.
Typography Scale
Manrope Light 48px
Manrope Regular 18px
Manrope Light 14px / 1.8 line-height
Explore the Full Prototype
View the interactive Figma prototype to experience the complete design system and user flows.
View Figma PrototypeHave a similar project in mind?
Let's discuss how we can bring your vision to life with the same level of precision and care.
