SW Labs

INITIALISING

RESEARCH PLATFORM

SYSTEM BOOT0%

FOR RESEARCH USE ONLY

SW LABS — PROCESS MAP

A complete visual guide to how the SW Labs website works, how orders flow through the system, and how new team members can start operating effectively from day one.

01

WEBSITE OVERVIEW

Live URL

delightful-semifreddo-06b2b5.netlify.app

Products

4 Research Compounds

Contact

t.me/+MBk5FkePIXg3YzQ1

What this website does

Showcases Products

Displays all 4 research compounds (Retatrutide, MT-2, GHK-CU, BAC Water) with full scientific information and imagery.

Drives Telegram Enquiries

Every page has multiple Telegram CTA buttons that route potential customers directly to the group for ordering.

Builds Credibility

Scientific language, purity data, molecular information, and research disclaimers position SW Labs as a legitimate professional supplier.

Legal Protection

Research disclaimers, terms, privacy policy, and "research use only" notices are placed prominently throughout the site.

02

SITE FLOW MAP

Every page of the site and how they connect. Clicking any node opens that live page. The green nodes are the highest-traffic, most important pages.

High-traffic / key pages
Supporting pages

03

PAGE-BY-PAGE GUIDE

What each page shows, why it exists, and what visitors do on it.

Home Page

Most Visited
delightful-semifreddo-06b2b5.netlify.app/
sw-labs.netlify.app/delightful-semifreddo-06b2b5.netlify.app/
Home
logo
Home PageKEY PAGE

The main landing page. Visitors arrive here first. Its job is to make an instant strong impression, showcase the brand, and push people to either browse products or click Telegram.

HeroFull-screen cinematic image with floating particles, the SW Labs logo, headline, and 3 buttons: See Products, Learn More, Telegram.
Marquee TickerScrolling strip of trust signals: 99% PURITY, HPLC TESTED, LAB CERTIFIED, RAPID DISPATCH.
Featured Products4 animated product cards — GHK-CU, Retatrutide, MT-2, BAC Water. Each links to its product page.
Why SW Labs4 feature cards: Laboratory-Grade Purity, Compliance First, Rapid Dispatch, Expert Support.
StatsAnimated numbers: 99% purity, 48H dispatch, 4+ compounds, 100% research grade.
Lab ShowcaseSplit section showing scientific standards with all 4 floating vial images.
Telegram CTALarge green section pushing visitors to Telegram — most important conversion point.
FAQ Preview3 quick FAQs. Links to the full FAQ page.

Products Page

High Traffic
…/products
sw-labs.netlify.app/products
retatrutide.png
mt-2.png
ghk-cu.png
bac-water.png
Products PageKEY PAGE

The catalogue page. Shows all 4 products in a grid. Visitors browse here after the home page. Each card links to the individual product detail page.

Product Grid4 animated glassmorphism cards. Each has: vial image, purity badge, category, description, dosage tags, and a View Details link.
Hover EffectsCards lift upward, green glow border appears, vial image glow intensifies.
Floating AnimationEach vial gently floats up and down continuously.

Individual Product Pages

Conversion Page
…/products/[name]
sw-labs.netlify.app/products/[name]
vial
Individual Product PagesKEY PAGE

The most detailed pages. One per product. Visitors here are actively researching — they're close to buying. The Telegram 'Research Enquiry' button is the main CTA.

Hero SplitLeft: large floating vial with green glow. Right: product name, tagline, description, molecular data chips, Telegram button.
Data ChipsQuantity, Purity, Molecular Weight, CAS Number — displayed as glassmorphism info cards.
Research Info3 columns: Research Information, Storage Conditions, Safe Handling — each as a glass card.
Molecular ProfileFull molecular formula, weight, CAS number, classification/sequence displayed.
FAQ Accordion4 animated expandable FAQs specific to that compound.
Related Products3 other product cards shown at the bottom.

Contact Page

…/contact
sw-labs.netlify.app/contact
Contact Page

For visitors who prefer email or have specific questions. Has a working contact form and prominently features the Telegram link as the preferred channel.

Telegram CardTop card with green glow — "Preferred Channel". Clicking opens the Telegram group directly.
Contact FormName, Email, Subject, Message fields. On submit shows a success state with an "Open Telegram" button.
Response TimeShows "typically within hours" to set expectations.

04

ORDER PROCESS

How a customer goes from first visiting the site to completing an order. Every step is designed around the Telegram group.

1

Customer Finds the Site

Customer arrives via Google, social media, or a referral link. They land on the Home page and see the cinematic hero with product showcase.

2

Browses Products

Customer clicks 'See Products' → views the Products page. Clicks a product card → reads the individual product page with full compound info, purity, storage, and FAQs.

3

Clicks Telegram Button

On any product page, the primary green button says 'Research Enquiry'. This opens the Telegram group: t.me/+MBk5FkePIXg3YzQ1. This is the main conversion point.

4

Team Handles Enquiry

The customer sends a message in the Telegram group. A team member responds, confirms the product and quantity, provides payment details.

5

Payment & Confirmation

Customer pays via the agreed method. Team confirms payment received. Order is packed in discreet, cold-appropriate packaging.

6

Dispatch & Tracking

Order is dispatched within 48 hours. Tracking info (if available) is sent to the customer via Telegram. Job done.

KEY INSIGHT

The website itself does not process orders or take payment. Its entire job is to build trust and push people to Telegram. All actual transactions happen in the Telegram group. Keep that group active and responsive.

05

TELEGRAM WORKFLOW

How to handle customers once they message the Telegram group.

DO

  • Respond within a few hours during operating hours
  • Confirm exactly which product and quantity they want
  • Confirm their delivery address and preferred shipping
  • Always state: "for research use only"
  • Send payment details privately via DM not in the group
  • Confirm dispatch with a message when sent
  • Follow up if customer doesn't respond within 24h

DON'T

  • Never make medical or dosage advice claims
  • Never say products are "for human use"
  • Don't post payment details publicly in the group
  • Don't promise specific delivery dates you can't keep
  • Don't ignore messages — even a "we'll get back to you" helps
  • Don't confirm an order without confirming payment first

Customer

Hi, interested in the Retatrutide 10mg. How does this work?

SW Labs

Hi! Thanks for reaching out. We have Retatrutide 10mg in stock — 99% purity, HPLC verified. This is for research use only. How many vials were you looking at?

Customer

Just 1 to start. What's the price and how do I pay?

SW Labs

I'll send you the pricing and payment details in a private message now. What country are you in for shipping?

06

PRODUCT MANAGEMENT

How to add, edit or update products on the website.

ALL PRODUCT DATA IS IN ONE FILE

Every product's information — name, description, dosage, purity, molecular data, storage, handling, FAQs — lives in a single file:

src/data/products.ts
1

Open products.ts

Navigate to C:\Users\willi\sw-labs\src\data\products.ts in your code editor (VS Code recommended). This file contains the full array of all products.

2

Add a New Product

Copy an existing product object and paste it as a new entry in the products array. Update all fields: id, name, slug, image, dosage, purity, category, tagline, description, researchInfo, storage, handling, faqs, relatedProducts.

3

Add the Product Image

Save the product vial image to: C:\Users\willi\sw-labs\public\images\ Name it exactly as referenced in the 'image' field (e.g. new-product.png).

4

Create the Product Page

Create a new folder: src/app/products/[slug]/ and add a page.tsx file. Copy the format from any existing product page (e.g. retatrutide/page.tsx) and update the slug.

5

Build & Deploy

Run: npm run build Then: netlify deploy --prod --site 27c5ea3b-8f88-40e5-9886-b33adc90989b The site will be live within 2 minutes.

UPDATING EXISTING PRODUCT INFO

To change a product's description, purity, pricing note, FAQs, or any other content — just edit the relevant entry in src/data/products.ts and redeploy.

# Terminal commands to redeploy
cd C:\Users\willi\sw-labs
npm run build
netlify deploy --prod --site 27c5ea3b-8f88-40e5-9886-b33adc90989b

07

QUICK REFERENCE

src/data/products.ts

All product data — edit this to update content

src/app/page.tsx

Home page — hero, sections, CTAs

src/components/Navbar.tsx

Navigation bar — links, Telegram button

src/components/Footer.tsx

Footer — links, disclaimer

public/images/

All product images, logo, hero background

netlify.toml

Deployment configuration

Run Locally

npm run dev

Opens at localhost:3000

Build for Production

npm run build

Compiles the site

Deploy Live

netlify deploy --prod --site 27c5ea3b-8f88-40e5-9886-b33adc90989b

Pushes to Netlify