Preliminary client preview

Invite Flow

Memories by Norman Yap

Relive, preserve and enhance wedding memories without a storage-plan surprise.

The customer begins with low-quality thumbnails from Norman’s NAS. They select only the files they want, see the storage requirement rise live, then join the plan that fits.

1

Email invite

Customer receives a branded invitation from Norman Yap.

2

Low-res NAS preview

They only see lightweight thumbnails before storage billing begins.

3

Select memories

Checkboxes calculate selected original storage in real time.

4

Join plan

After subscribing, selected files enter the Memories system.

Step 1 — Select from NAS thumbnails

Choose the memories before paying for storage.

These cards represent low-quality thumbnail previews. Original files stay on the NAS until the client ticks them and confirms the plan.

0 files 0 GB selected
Step 2 — Storage tier

Storage pricing rises only when the selected archive needs it.

Plan names, allowances and prices are editable in app.js. The active recommendation is based on selected original storage plus preview buffer.

Why this avoids the storage shock

Customers do not start by paying to preserve every original file. They first choose their favourites, see the storage total, then decide whether to add more or stay on a lower monthly tier.

Step 3 — Joined Memories system

Watermarked vault with paid clean-copy and service options.

Once they join, selected files appear in the vault with Norman Yap watermarks. Clean copies and creative services are monetised as add-ons or bundles.

No plan 0 memories loaded
Secondary modules

Labour and referral modules are priced into the system.

Creative work can be completed by real people, AI-assisted workflows, or partner referrals. The customer sees one simple price while the admin side tracks cost and margin.

Suggested task workflow

Customer chooses media Picks service Pays fee Labour/AI/referral task created Result returns to vault
Billing preview

Monthly subscription plus one-off services.

This screen is a mock-up. In the production app, the buttons would create a Stripe Checkout session for the plan and add-on charges.

Storage subscription

Selected planNone
Selected storage0 GB
Monthly amount$0/mo

One-off charges

Add-ons total$0

Pay securely

Card, Apple Pay and Google Pay can be routed through Stripe in the real build.

CardApple PayGoogle Pay