Chandan Mukhwas

This project involved designing and developing Chandan Mukhwas, an e-commerce platform focused on selling a variety of mouth fresheners. The goal was to create an engaging and accessible online shopping experience, allowing users to browse, explore, and purchase traditional and flavored mouth fresheners with ease.

Project Duration

8 months

Role

Full-stack Developer & UI/UX Designer

Tools Used

• Figma (for UI/UX design)

• React (for frontend development)

• Node.js & Express (backend)

• SQL (database)

• Razorpay(for payment processing)

• AWS (Cloud)

Process

Research & Discovery

• Conducted user interviews to understand preferences, browsing habits, and product expectations for mouth fresheners.

• Analyzed competitor sites in the niche to identify best practices and unique selling points.

• Developed user personas and mapped user journeys to guide the design of a streamlined shopping experience.

UI/UX Design

• Created low-fidelity wireframes to outline key pages, including product listings, product detail, and checkout.

• Designed high-fidelity mockups with a vibrant, traditional theme to reflect the essence of Chandan Mukhwas.

• Established a consistent design language to ensure a cohesive user experience across all screens.

Development

• Built the frontend using React to provide a smooth, responsive browsing experience on both mobile and desktop.

• Developed backend functionality with Node.js and Express, implementing secure user accounts, product listings, and order management.

• Set up MongoDB for reliable storage and retrieval of product information, user data, and transaction records.

• Integrated Stripe for secure, user-friendly payment processing.

Testing & Iteration

• Conducted usability testing to gather feedback on ease of navigation, shopping flow, and visual appeal.

• Refined features and layout based on user feedback, ensuring easy access to products and a seamless checkout process.

• Conducted extensive testing on functionality, performance, and security to ensure a smooth shopping experience.

Launch & Monitoring

• Deployed the site and worked with stakeholders to support the launch through marketing efforts.

• Monitored user engagement, transaction rates, and feedback to ensure optimal site performance post-launch.

• Continuously optimized based on user feedback and analytics, implementing new features and adjustments as needed.

Results

The Chandan Mukhwas platform successfully enhanced the customer experience in purchasing mouth fresheners online. The site received positive feedback for its vibrant design and ease of use, resulting in higher user engagement and sales. The platform effectively brought a modern shopping experience to a traditional product line.

Key Takeaways

• Understanding user needs is crucial for creating a functional and enjoyable e-commerce experience.

• Integrating intuitive design with robust backend functionality is essential for smooth performance and user satisfaction.

• Post-launch monitoring and iteration allow continuous improvements that keep the platform aligned with user expectations