Szerj Systemsszerj.systems
Printed from szerj.systems · Systems architecture for service businesses · contact@szerj.systems
Sapphire Cove Skincare LLC
Sapphire Cove Skincare is a founder-led skincare brand that arrived pre-launch, with no identity and no site of its own. This study covers Phase 1 of the web work: giving the site a stronger foundation before deeper marketing, conversion, or e-commerce work could perform properly.
- Business impact not yet measured
What existed when the client relationship began.
There was no website to fix or replace. This work started from zero online. There was no brand either — the way the business presents itself was made here, not adapted from something that already existed.
The business existed on paper and nowhere else — an LLC, an EIN, and a business account, pre-launch.
There was no site of its own, so nothing carried the products to a buyer.
No identity had been authored: the earliest logo suite, palette, and type system in the record are the consultant's own work rather than something the client arrived with.
What had to be created.
Skincare brands operate in a category where perceived quality heavily influences buying intent. A potential customer often decides within seconds whether a brand feels credible, safe, refined, and worth exploring. Sapphire Cove arrived with none of the surfaces that decision is made on: the company existed on paper, and the identity and the site both had to be created before either could be judged. This study narrates Phase 1 of the web work inside that longer engagement, where the commercial issue was foundational — before investing in heavier marketing, the site needed to be stable, credible, and ready to receive traffic.
- Skincare buyers judge perceived quality quickly, so credibility had to land in seconds.
- Hero messaging, waitlist CTAs, and inquiry paths needed to be unified before more marketing investment.
- Accessibility, metadata, and technical reliability needed to be tightened before future growth work.
The decisions, on the screen they were made for.
The live homepage, marked up with what is visible in it. Every note points at something on the screen, not at something this page says about it.
The lockup the page opens on was authored in this relationship rather than supplied by the client: an SC monogram over a letterspaced wordmark, and it is the same mark the product labels carry.
One filled control in a seven-item bar, and it asks for an address rather than a sale — beside Contact, which is a route this engagement created.
The page names who it is for before it names what it sells — sensitive and reactive skin, set above the headline rather than buried inside it.
The promise is gentleness and transparency and nothing clinical. The brand's own compliance guardrails rule out treats, cures, heals, and every disease-adjacent term, so the headline had to carry conviction without any of them.
This is where the frame has moved past the engagement. The pattern is the one Phase 1 shipped — a single filled action beside a single text route — but the action it carries is a storefront, and what Phase 1 unified was a pre-launch waitlist that no longer exists.
The line the launch was for, shown as it ships and labelled: cleanser, serum, moisturiser. The products and this photograph are the client's own — the mark is here because the frame is theirs, not because the shot is ours.
One system, in the parts it was actually built from.
Commissioned together as one engagement rather than as 4 separate purchases. That is the whole reason they behave as one thing.
Szerj Systems completed a Phase 1 stabilization engagement focused on messaging clarity, UX refinement, accessibility, form infrastructure, technical reliability, and launch-readiness. Hero copy was sharpened, waitlist CTAs were unified, contact and waitlist routes were rebuilt with honeypot, rate limiting, persistence, and notifications, and global metadata, sitemap, robots, accessibility, and error handling were brought up to a reliable baseline.
- Site stabilization
- UX refinement
- Form infrastructure
- Accessibility and metadata
- Phase 1 homepage with unified waitlist CTAs
- New /about and /contact pages
- Contact form route with honeypot, rate limiting, Supabase persistence, and Resend notification
- Improved waitlist path toward Google Apps Script webhook
- Global metadata, accessibility, sitemap, robots, and cookie-consent gating
- Custom not-found, error, and global-error pages
- Smoke and e2e test coverage
Everything that shipped.
The list above says what the system is made of. This is everything that was built and handed over.
- Homepage stabilization
- Hero clarity copy updates
- Unified waitlist CTAs
- Improved final signup section
- Motion cleanup
- New /about page
- New /contact page
- Contact form route with honeypot protection
- Rate limiting
- Supabase persistence
- Resend owner notification
- Waitlist form path moved toward Google Apps Script webhook
- Global metadata improvements
- Accessibility improvements
- Shared UI component improvements
- Dynamic sitemap and robots configuration
- Cookie consent gating for analytics and Web Vitals
- Custom not-found, error, and global-error pages
- Image fallback improvements through next/image
- Smoke and e2e test coverage
- Lint and build reliability work
What we delivered.
Phase 1 delivered a more stable and accessible foundation for Sapphire Cove: unified signup paths, hardened form infrastructure, and a metadata and accessibility baseline the site did not have before.
This is foundation work rather than a growth campaign, and the record reflects that: what is documented here is the system that was delivered.
Business impact not yet measured for this engagement, and we don’t claim what we haven’t measured.
Phase 1 homepage; /about and /contact pages; contact form route; metadata and accessibility improvements; test coverage
This is what exists, and we can show you all of it. What it went on to earn the business is a different claim, and we only make that one when there is evidence for it.
What backs the work.
Phase 1 delivered a more stable and accessible foundation for Sapphire Cove: unified signup paths, hardened form infrastructure, and a metadata and accessibility baseline. What that foundation went on to do for the business is not measured anywhere in this record.
- The site is live in production, and this page's capture was taken from it rather than from a mock
- The production site was captured on 2026-08-11 with the client-screenshot script, and its homepage, collection, and product surfaces read from that capture.
- The contact path reaches the business and rejects automated submissions
- Contact form route tested end-to-end with honeypot, rate limiting, persistence, and notification.
- The Phase 1 build is covered by smoke and end-to-end tests
- Smoke and e2e test coverage executed against the Phase 1 build.
- The build reaches production through a pipeline that checks it first
- Lint and build reliability verified through the deploy pipeline.
- The site is positioned as a reliable Phase 1 foundation for future marketing and conversion work.
The Niko Standard
A custom brand system and a booking-oriented site, in place of a profile on somebody else's platform.
This system started with no site at all. The identity did not exist either. Yours starts somewhere too.
Thirty minutes, free, no obligation. It ends with a straight answer about what should be built — whether that is a first system, a focused piece of one, or an evaluation of something that already exists.