Mademoiselle Angel

Full Stack E-Commerce Platform

Full Stack Developer

Business Expansion

Nov 2022 - Jan 2023

The Project

A full stack e-commerce platform developed for a homemade pastry business. The goal of the project was to establish an online presence for the business, enabling customers to conveniently check the monthly menu, collection dates, and times. The platform aimed to increase sales and provide a seamless experience for both customers and the business.

The business primarily relied on in-person sales and contacts, lacking an online presence. This posed challenges in reaching a wider customer base and providing updated information to potential buyers. The need for an e-commerce platform was evident to streamline operations and increase sales opportunities.

NOTE: Site is currently not maintained as of January 2023.

Process

The steps I took.

The Whole Deal.


As the Full Stack Developer, I was responsible for not only designing the frontend user interface (UI) of the platform, but also building the backend processes as well. This included payments APIs, databases, routing, storages, user authentication and more.


I decided to integrate this using an ExpressJS application with Firebase and Cyclic to host my backend services. The whole project took roughly a month or so to complete, with regular updates after the launch.

HomePage HomePage

The Palette.


#denim

#shadow

#spruce

#lapis

#heather

Poppins

a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

The Dashboard.


Of course, with a full e-commerce platform, it was essential for me to build a dashboard system for the admins, being my parents and me, to better manage the backend services.

Dashboard Layout

I designed the entire UI/UX of the dashboard which included a responsive theme, along with easy access to automated webhooks and Firebase systems. The dashboard contained access to payment details and receipts from PayNow and Stripe, website modification to collection dates, basic administrator details, product management including adding and removing them from the monthly menu and the list of newsletter candidates.

Creative design and implementation of the website enhanced business viewership, resulting in a 90% increase in user engagement and 200% rise in conversion rates.


Simplified checkout processes resulted in improved user experience and increased customer satisfaction by 80%.

Le Fini.


The successful implementation of the Mademoiselle Angel e-commerce platform provided an effective online presence for the homemade pastry business. The platform's features, creative frontend design, efficient backend processes, and streamlined payment systems resulted in increased sales, improved user engagement, and enhanced customer satisfaction.

Check out

PassSafe