Synovx
Loading000%
Case Study / Ecommerce

Seraphiel Glow ecommerce storefront

A direct-to-customer storefront for a Sri Lankan skincare, haircare and wellness brand — every product on its own shareable page, with cart and checkout in one system.

Visit the live site
Client
Seraphiel Glow
Year
2025
Industry
Beauty & wellness
Category
Ecommerce
The Seraphiel Glow storefront home page
01 / The Brief

What was actually wrong.

Seraphiel Glow needed to sell under its own name rather than as a line item on someone else’s marketplace. That meant a storefront where each product has a page worth sharing, and a buying flow that holds together on a phone as well as it does on a desktop — because most of the traffic arrives from a link someone sent a friend.

How we approached it.

We built the catalogue, the cart and the checkout as one connected system rather than three that hand off to each other. Every product gets a readable URL and its own title and preview card, so a shared link looks like the brand rather than like a database row — the detail that decides whether a product link is worth sending at all.

At a glance

What we delivered

Full-stack developmentEcommerceUI/UX design

Built with

Next.js 16React 19TypeScriptPrismaMongoDBNextAuthCloudinaryResendTailwind CSSRadix UI

Engagement

Seraphiel Glow · Beauty & wellness · 2025

02 / What Shipped

What went live.

0

Ranges in one catalogue — skincare, haircare and wellness

0

Shareable page per product, on a readable URL

0

Marketplace standing between the brand and its customers

03 / The Build

What we built, and why.

01

A page for every product

Products live in the database as structured records, each with a clean human-readable address rather than an ID in the URL. Imagery is hosted and optimised externally, so a catalogue full of high-resolution product photography still loads quickly. Every product page carries its own title and social preview card, which is what makes a shared link look deliberate.

Readable per-product URLs, not ID-based ones
Optimised product photography, served fast
Own title and social preview metadata per product
02

The brand does the selling

Skincare is bought on trust as much as on ingredients, so the storefront gives the brand room to say what it is before it asks for the sale. The heritage and range pages carry the same typography and restraint as the product pages, so browsing and buying feel like one place rather than a shop bolted onto a brochure.

Brand story and heritage pages built into the storefront
One visual system across browsing, product and checkout
Consistent SEO and social metadata site-wide
The brand heritage page
03

Cart, checkout and accounts

Customer accounts are secured with hashed passwords and managed sessions, and the order flow completes itself — the customer gets a confirmation and the team gets a notification as each order lands, without anyone watching an inbox. The whole flow was built mobile-first, since that is where a shared product link gets opened.

Customer accounts with hashed passwords and managed sessions
Order confirmation to the customer, notification to the team
Cart and checkout designed for the phone first
The storefront on a phone, with cart and delivery banner
04

Making of

The foundation is the same one behind our Pawtopia build — Next.js App Router and React for the frontend, Prisma over MongoDB for the data, and a Radix and Tailwind component layer — adapted here for a single brand selling its own products rather than a platform coordinating several services. Reusing a foundation we already knew meant the time went into the storefront itself rather than into decisions we had already made once.

Next.js App Router with a typed data layer
Prisma over MongoDB for catalogue and orders
Shared component foundation, adapted to a single-brand store
04 / More Screens

A closer look.

Mobile navigation, with member login
Mobile navigation, with member login
The client care and enquiry page
The client care and enquiry page
100%

Client success rate

06 / Start Your Journey

Let's build your
digital future.

Clear timelines

You get a detailed timeline during the discovery phase, before any commitment is made.

Transparent pricing

Fixed-price or time-and-materials, whichever suits the scope. We're open about costs from day one.

You own everything

On final payment the intellectual property is 100% yours — source code, design assets, and database.

Support after launch

Maintenance packages keep your product secure, up to date, and performing long after go-live.

Contact Us