The client
Simple Beauty is a Mauritian beauty retailer with three physical stores and island-wide delivery. Customers can pay by card, by MCB Juice or by bank transfer, and can collect their order for free in any of the three shops.
The shop tills run on Loyverse POS. Before the rebuild, the online store ran on WooCommerce.
The problem
A beauty catalogue changes constantly, and every product sold in a shop has to disappear from the website at the same moment. Otherwise, customers order items that are no longer on the shelf.
The business also needed the payment methods Mauritians actually use, an online store that search engines could read page by page, and a move off WooCommerce that would not throw away the product URLs Google already knew.
What they needed
- Card payments through the MCB payment gateway, plus MCB Juice and bank transfer
- Stock kept in step with the Loyverse tills in all three shops
- Click & collect in three locations and island-wide delivery zones
- Promotions the team can run alone: coupons, Buy X Get Y, bundles, gift cards
- VAT invoices and a back office with staff roles
- Migration from WooCommerce without losing existing search traffic
What we built
We built a custom storefront in React and Vite on top of Firebase (Firestore and Cloud Functions). Orders are priced and placed on the server, never in the browser: one transaction checks prices, applies coupons and gift cards, and reserves stock, so two customers cannot buy the last unit at the same time.
Card checkout uses the MCB Mastercard Gateway hosted checkout in MUR. An order is only marked as paid when the gateway itself confirms the captured amount. The customer returning to the “thank you” page is not treated as proof. MCB Juice and bank-transfer orders follow their own confirmation flow.
The Loyverse integration works in both directions. A webhook from Loyverse triggers a fresh read of the changed items from the Loyverse API for Simple’s own store, and stock changed online is pushed back to the POS only when it has actually changed. Every stock movement (web order, till sale, sync or manual edit) is written to a stock ledger with its source.
Because a single-page app shows search engines the same page everywhere, a build step pre-renders an HTML page with its own title, description and structured data for every product, category, brand and skin-type page, and generates the sitemap and the 301 redirects from the old WooCommerce URLs.
Delivered features
- MCB card gateway, MCB Juice and bank transfer
- Two-way Loyverse POS stock sync with a stock ledger
- Click & collect in three shops, delivery zones and shipping rules
- Coupons, BOGO / Buy X Get Y, bundles and digital gift cards
- 15% VAT invoices generated as PDF
- Rule-based product recommendations with click attribution
- Abandoned-cart and birthday emails
- GA4 e-commerce tracking (add to cart, checkout, purchase)
- Back office with role-based staff permissions and audit log
- WooCommerce product import and legacy URL redirects
- Pre-rendered SEO pages and an automatic sitemap
- WebP image pipeline with thumbnails
Challenges we solved
One stock count, four points of sale
Three tills and a website sell the same items. Webhooks alone were not reliable enough, so each webhook only triggers a re-read of the item from Loyverse, filtered to Simple’s store, and every change is recorded in the ledger so any difference can be traced.
Payment you can trust
Card orders are confirmed from the gateway’s own record (status captured or authorised, in MUR, for at least the order total), and unpaid card orders are released automatically so their stock returns to the shelf.
Leaving WooCommerce without losing Google
Around 227 old product URLs were mapped one by one to their new pages with permanent redirects, so links and rankings built up on the old store carry over.
The result
Simple Beauty now runs its online store and its three shops from one stock count. The website publishes more than 540 product pages and 50 category pages, each with its own search-ready HTML, and the team runs its own promotions, gift cards and content without calling a developer.
Artover continues to host, maintain and extend the platform.