Portfolio Example: Swadeshi Spice Website (demo)
High Level Front-end Details:
Responsive website for a St. Louis Indian grocery business specializing in authentic Marathi spices, snacks & delicacies. Features cultural design elements, mobile-first approach, product showcase, testimonials & contact forms. Built with vanilla HTML/CSS/JS using Inter font.
Swadeshi Spice - Authentic Marathi Grocery Website A beautifully crafted, responsive website for a local Indian grocery business specializing in authentic Marathi spices, snacks, and delicacies in St. Louis, Missouri. The site combines modern web design with cultural authenticity to create a warm, community-focused online presence.
🌟 Features Design & User Experience
Responsive Design: Mobile-first approach with seamless experience across all devices
Cultural Authenticity: Warm saffron/turmeric orange and elegant dark blue color palette
Modern Typography: Clean Inter font for professional, readable text
Smooth Animations: Fade-in effects and hover interactions for engaging user experience
Intuitive Navigation: Smooth scrolling and easy-to-use mobile menu
Business Features
Product Showcase: Detailed sections for Marathi spices, snacks, and special delicacies
Personal Story: Authentic narrative connecting heritage with local community
Customer Testimonials: Real reviews from St. Louis area customers
Multiple Contact Methods: Phone, WhatsApp, email, and contact form
Service Area Information: Clear coverage details for Greater St. Louis area
Technical Features
Vanilla Implementation: Pure HTML, CSS, and JavaScript - no frameworks required
Performance Optimized: Lightweight code for fast loading times
SEO Friendly: Semantic HTML structure and proper meta tags
Cross-Browser Compatible: Works across all modern browsers
🎯 Target Audience
Local Indian and Marathi communities in St. Louis
Families seeking authentic ingredients from Maharashtra
Food enthusiasts interested in traditional Indian spices and snacks
Festival celebrants needing special ingredients for cultural events
📱 Responsive Breakpoints
Desktop: 1200px and above
Tablet: 768px - 1199px
Mobile: Below 768px
🎨 Color Palette
Primary Orange: #ff6b35 (Saffron/Turmeric)
Secondary Orange: #f7941d (Golden)
Primary Blue: #2c3e50 (Dark Blue)
Secondary Blue: #34495e (Slate)
Accent Green: #228b22 (Forest Green)
Background: #f8f9fa (Light Gray)
Visit the demo website here: https://mpathservices.github.io/swadeshi-spice-demo/
📞 Contact For inquiries about custom website development - please reach out through www.mpathservices.com. This is a demonstration website created to showcase modern web design capabilities for local small business owner into grocery business.
mPath Services
Empathy | Simplicity | Support
Personalized help for life and work and everything in between, and where empathy meets execution.
© 2025 mPath Services. All rights reserved. | Terms and Conditions | Privacy Policy
Designed with empathy by Mandar Pathak @mPath Services