Prepared for Jesus & John

A custom website & e-commerce store for a new peptide brand — built to launch the brand online and sell across its product categories. This section sets out the project scope, its primary goal, the key differentiator, and what each side is responsible for.

The Project

A lifestyle peptide store — built to sell

A custom, mobile-first e-commerce site for a young, fit audience. Premium & marketing-led — not a clinical biomed catalog. Basic to launch, with full e-commerce and a member portal in the foundation.

Primary Goal

One link that sells

A place to send your warm, local audience today — and the foundation to scale into full e-commerce + organic traffic.

Key Differentiator

Lifestyle, not biomed

Influencer-worthy design with events & sponsorship energy — the look does the marketing.

Client Responsibilities

Brand name, logo & design direction · product photos, pricing & descriptions · approvals + feedback.

SoTech Responsibilities

Design, build & launch · e-commerce + integrations · hosting, dashboard & care · industry content.

7Pages
20Products
3Shop categories

The benchmark · Three established players, measured side by side — how each store is built, what they do well, and where a focused, lifestyle-led brand wins. This is the bar to clear.

Klouds Klubkloudsklub.myshopify.com
~5pages
Klouds Klub homepage
Page types

Home · catalog · product · contact — a bare storefront, no About or content.

Notable

Consultation / Rx flow · dreamy 3D pastel hero · a single call-to-action.

Look & feel

Soft pastels — lavender & peach, dreamy gradients.

Where you win

Borrow the dreamy “clouds” look — then beat it on everything it’s missing: a story, an About, trust signals, and real structure.

Roro.co
25+pages
Ro homepage
Page types

Home · category hubs · product / condition pages · quiz · about · blog — a full platform.

Notable

Quiz → consult funnel · GLP-1 programs · subscriptions · heavy clinical trust.

Look & feel

Clean white & navy — clinical, corporate.

Where you win

Borrow their best-in-class trust & conversion paths — but lose the cold, clinical, older-skewing tone.

Himshims.com
25+pages
Hims homepage
Page types

Home · category hubs · product pages · quiz · about · blog — a full platform.

Notable

Condition quizzes · subscriptions · lifestyle photography · “category as identity”.

Look & feel

Warm cream & amber — youthful, lifestyle, confident.

Where you win

The closest to your vibe — youthful & lifestyle-led. Win by matching that energy at a focused, boutique scale, not a sprawling platform.

The visual direction for the brand — colour palette, typography, and the overall art direction that carries across every page. It's the creative foundation we lock alongside your references before the build begins.

Color palette
Primary
Periwinkle
#8E9BE8
Secondary
Lavender
#B9A0F0
Secondary
Violet
#9B7BD4
Accent
Pink
#DA8BC4
Complement
Sky
#5B9BD5
Typography
Aa
Confident, modern sans-serif

Big uppercase headlines + clean, readable body. Bold but friendly — reads premium on mobile.

RegularBoldBlack
Mood & feel
DreamyPremiumConfidentLifestyleInfluencer-ready
Logo & icons

Drop in yours when ready — we can refine a draft. The layout is built to hold your mark; the palette locks to your brand on the mock.

Every page your site will have, how they connect, and what lives on each one.

Navigation
Pages
Home/
Shop/shop
Product/[item]
Cart/cart
About/about
FAQ/faq
Contact/contact
Sections per page
Home

Hero · 3 category cards · “find your fit” quiz · featured products · reviews · trust row.

Shop

Category hubs (weight loss · longevity · recovery) · product grid · quick add.

Product ★

Gallery · dosage & frequency · the dosage calculator · subscribe & save · add to cart.

About

Founders’ story · brand ethos · credibility & quality.

FAQ

Dosage basics · how-to-use · safety · shipping · payments.

Contact

Inquiry form · support path.

Borrowed from the audit: a “Find your fit” quiz & subscribe & save (Ro & Hims), category hubs (both), and a real FAQ + reviews (the trust Klouds lacks).

Phase 2 · later

Member portal · full SEO/blog · deeper analytics · scale.

The features and tools your site runs on — what it can actually do for you.

Custom Feature ★

Dosage Calculator

Vials per cycle from body weight + cycle length — the interactive hook that sets you apart.

Guided

“Find your fit” quiz

A few questions → the right peptides recommended. A proven path the top brands use.

Recurring

Subscribe & save

Customers can subscribe to reorder automatically — steady repeat revenue.

E-Commerce

A full store on Shopify

Catalog by category, cart, secure checkout & order tracking — powered by Shopify.

Integrations
$
Shopify checkout

Secure checkout & payments — built into Shopify.

@
Email capture

Newsletter + abandoned-cart flows.

Analytics + Pixel

Google Analytics + Meta Pixel for ads & tracking.

A rough first look at how the homepage could feel — illustrative, not the final design.

◆ yourbrand.com
Peptides, elevated★★★★★ 4.9 · 2,000+ reviews
Look how you feel.

Premium peptides for weight, longevity & recovery — for people who show up.

Shop the lineup →
✓ 3rd-party tested✓ Fast, discreet shipping✓ Subscribe & save
Shop by goal
Weight loss
Longevity
Recovery
Not sure where to start?Find your fit →
How it works
1

Pick your goal

2

Get your protocol

3

Track results

Dosage calculator ★
Body weight180 lb
Cycle length8 weeks
You’ll need3 vials
Bestsellers
GLP-1 Support$—
NAD+ Longevity$—
BPC Recovery$—
★★★★★ “Cleanest brand in the space — and it actually works.” — verified customer
AllWeight lossLongevityRecovery
GLP-1 Support$—
NAD+ Longevity$—
BPC Recovery$—
Sleep + Repair$—
Lean Stack$—
Joint Care$—
NAD+ Longevity$—
Dosage & frequency
★ Dosage calculator — vials per cycle
◇ Subscribe & save 15%
Add to cart
Our story
Built by people who use it.

Founders, ethos & the standard we hold every batch to.

Founders’ story
Brand ethos & mission
Quality, testing & credibility
Frequently asked
How do I use & dose it?
Is it safe & tested?
Shipping & returns
Payments & subscriptions
Get in touch
Name
Email
Message
Send message

Click the nav to walk each page. Illustrative wireframe — your photography, copy & brand replace these; the real design comes after your mock.

The essentials that keep your site live, findable, and looked-after over time.

Domain

Your unique web address (yourbrand.com) — how people find you online.

Hosting

The server your site's files live on — served fast, secure & always on.

thesocialtech.net
SoTech homepage hero
Email

Professional email on your domain (you@yourbrand.com) — instant credibility.

SEO

Helps you rank higher on Google, driving organic traffic to your site.

Hosting & care
Domain

Your web address — you choose & own it. We help pick + connect it. ~$24–$75 / 2 yrs to the registrar.

E-commerce platform · Shopify

Shopify Basic ($39/mo) runs your store, checkout, product manager & sales tracking — your admin for everything commerce.

Hosting, care & support · SoTech

$15/mo — we host & connect the site, keep it maintained, and handle your revisions & support.

Custom Shopify build

A custom-designed Shopify store + your dosage calculator — not a stock template.

How visitors turn into customers — and where every lead or order ends up.

1
Land

From your link or social.

2
Browse

By category → a product.

3
Decide

Dosage info + calculator.

4
Checkout

Cart → secure Shopify.

5
Confirm

Order + on your list.

Where your leads go

Every site needs a home for the people it brings in. When someone buys or fills a form, that lead has to land somewhere you'll actually use — pick how yours flows:

1Basic · Free
Export to a spreadsheet

Every order and lead lands in an Excel / Google Sheet you can download anytime. Free and manual — you follow up yourself.

2Connect
Send leads to a CRM

We route every new lead into whatever CRM you already use, so it lands in the tools your team works in.

3ManagedRecommended
SoTech CRM — “The Map”

A fully managed CRM we run for you: every lead in one pipeline with automated email & SMS follow-up, reminders and reporting.

Instant email or text / Slack alerts can pair with any option.

The week-by-week plan, from green-light to launch.

01Brand & Design Direction

Colours, type & the overall look — locked first.

03Build & E-commerce

Pages, catalog, checkout & the dosage calculator.

05Launch

Final checks, then your site goes live.

02Site Map & Wireframes

Every page mapped, layouts sketched.

04Revision Loop

Your feedback rounds — we refine together.

01
Brand & Design Direction

Colours, type & the overall look — locked first.

02
Site Map & Wireframes

Every page mapped, layouts sketched.

03
Build & E-commerce

Pages, catalog, checkout & the dosage calculator.

04
Revision Loop

Your feedback rounds — we refine together.

05
Launch

Final checks, then your site goes live.

Live date is gated by your feedback turnaround — the faster the loop, the faster launch.

A clear, itemized breakdown of the investment — one-time build plus monthly.

One-Time · Website Build
UI/UX Design

Custom visual design, mobile-first. Not a template.

$1,000
Website Development

All pages, responsive, front + back end.

$1,000
Shopify Store Setup

Catalog, categories, cart & secure checkout on Shopify.

$400
Dosage Calculator ★

Custom interactive feature.

$200
Forms, Integrations & SEO

Forms wired + on-page SEO basics.

$200
Client Dashboard

Revisions + analytics portal.

$200
Standard build$3,000
Friends & family rate$1,000
+ applicable tax
Monthly · Platform & Care
Shopify Basic — e-commerce platform

Store, checkout, product CMS & sales tracking. Paid to Shopify.

$39/mo
SoTech — hosting, care & support

Managed hosting, maintenance & your revisions. Paid to SoTech.

$15/mo
Optional · Phase 2
The Map — CRM & Automation

Pipeline, email, SMS, automations.

$150/mo
Growth — SEO & Content

Ongoing SEO + content cadence.

$750/mo

Paid to providers: Domain ~$24–75/2yr (you pick & own it) · Shopify $39/mo (the e-commerce platform). Payment processing is handled inside Shopify.

The handful of things we need from you to get started.

Brand name + domainPick a name & check availability.
Logo + design preferencesYour mock + color/font direction.
Brand guard-rail docProducts, benefits, USP, ethos.
Product dataPhotos, pricing, descriptions, categories.
Lead destinationPick where leads & orders go (see Lead Flow).