What your website needs.What we deliver.

Build, brand and grow: one studio for the website, the brand it carries and the growth after launch. Scope, handover and the basis for a quote are agreed in writing before work begins.

01

Build

The website, built to be used and kept current.

New website

A page for every question worth answering.

A new site starts with the pages your audience needs. We design and build those pages as one responsive system, then hand you a website you can run.

What you receive
Page map, content hierarchy, responsive design, working pages, launch checks and an editing handover.
How it is priced
Fixed project quote, based on page count, unique layouts and integrations.
Discuss new website

The page map

The first thing we deliver: every page on the site, the one question each page answers, and the route each kind of visitor takes to Contact. This is our own site, mapped.

Who is arriving?

Scope and price first, then proof it has been done before. 5 pages, Home to Contact.

Hover or tap any page to read the question it answers.

  1. 01HomeWhat does this studio make?
  2. 02ServicesWhat do I receive, and how is it priced?
  3. 03WorkHave they built something like ours?
  4. 04Just PureCan a store explain how the product is made?
  5. 05ContactWhere do I start?

Also on the site, off this route

In your handover

Approved page map, editable website, source files and notes for keeping it up to date.

Shopify storefront

From product discovery to a clear purchase.

A store needs more than a strong opening. Collections, product details and the cart should work together, with the information a buyer needs before ordering.

What you receive
Collection and product templates, mobile purchase flow, theme setup and an editing handover. Payments, shipping and app needs are scoped together.
How it is priced
Fixed project quote, based on templates, catalogue setup and required integrations.
Discuss shopify storefront

The product template

One buying journey, with a role for every section. Each part is there because a buyer asks a question at that point. Scroll and the page assembles; tap a part to read its question.

  1. What exactly will arrive?

    Show the product and its details.

  2. Is this one for me?

    What it is. Who it is for.

  3. Which one, and can I have it now?

    Variants, quantity and availability.

  4. What do I do next?

    A clear next action on phone and desktop.

  5. What should I know before I pay?

    Ingredients, method, delivery and returns.

  1. CollectionWhich product should I look at?
  2. ProductIs this the right one?
  3. CartAm I ready to pay?

In your handover

A configured theme, reusable templates and notes for adding products. Product photography supplied by the brand.

Website redesign

Your live site is the starting point.

We keep the useful content and improve the opening, page structure and visual system around a clearer visitor journey.

What you receive
Site review, revised page plan, responsive design, working pages and a checked visitor journey.
How it is priced
Fixed project quote, based on the pages being changed and what can be retained.
Discuss website redesign
Peptide Therapy previous website
Peptide Therapy redesign
Before: the previous siteAfter: our redesign

Peptide Therapy. Both sites scroll together: drag to compare the previous site with our redesign.

Motion and 3D

An interaction with a reason to exist.

Movement can explain a product, reveal a detail or connect two states. Each interaction has a defined input, a useful result and a simpler version for reduced motion.

What you receive
Interaction map, website motion or 3D build, touch controls, reduced-motion alternative and performance checks.
How it is priced
Quoted within the website scope, based on interactions, model complexity and assets needed.
Discuss motion and 3d

A molecular structure you can explore

Take the Peptide Therapy structure apart here. Select an amino acid, highlight an element and zoom into the original molecular drawing.

BPC-157, atom by atom.Interactive molecular structure
BPC-157 structure from PubChem CID 9941957OOOOOOOOOOOOOOOOOOOOOONNNNNNNNNNNNNNNN

Whole chain: 15 amino acids. Select a residue or tap an atom to inspect it.

Drag sideways to pan. Use the buttons to zoom, separate the chain or inspect a residue. Vertical touch scrolling stays with the page.

C62H98N16O22 · 100 drawn atoms · hydrogens not drawnSource: PubChem CID 99419572D molecular connectivity from the deployed Peptide Therapy project; separation is an explanatory layout, not a physical simulation.
Explore the original deployed build

Built around the visitor

The same source-backed structure, rebuilt as a native interactive component. Pointer, touch and keyboard controls work directly on this page.

Website management

Keep the site useful after launch.

Agreed content, product and seasonal updates, with a clear schedule. Explore a coordinated set of Just Pure campaign artwork and the update workflow.

What you receive
An agreed update list, publishing schedule and checks on desktop and phone.
How it is priced
Ongoing scope, update volume, pricing and terms are agreed individually.
Discuss website management
Explore the update workflow

Four campaign directions, one recognisable brand.

Just Pure campaign artwork, Independence Day
Actual Just Pure storefront captured at phone dimensionsActual phone view

Portfolio sites

A portfolio that feels like the person.

For a person, or a business whose work is the product. Scroll-driven pages, motion, short films and a guestbook, with writing and video feeds that keep the site current on their own.

What you receive
Page plan, art direction, scroll and motion build, films where they help, feeds from the platforms you already publish on, and checks on desktop and phone.
How it is priced
Fixed project quote, based on pages, films and the feeds connected.
Discuss a portfolio site

A portfolio, page by page

A live build for a brand marketer: a notebook that opens on arrival, pages that turn, five narrated story films and a guestbook. Built in three days.

Close-up of the cassette player on the portfolio home page
01 / 06Press play: a soundtrack for the visit, from the first page.

In your handover

The working site, its films and illustrations, the connected feeds and notes for adding new work. Read the case

02

Brand

The identity, the pack and the story the site carries.

Brand and story

The identity, the pack and the film, made with the site.

A brand reads the same on the label, the campaign and the screen when one studio makes all three. Strategy decides what to say; the pack and the films carry it.

Brand and content strategy
Positioning, campaign ideas, launch plans and the copy that carries them.
Packaging and labels
Label and pack design, built print-ready with the brand: the front for recognition, the back for the facts.
Story films
Short narrated explainers and brand films with motion graphics.
How it is priced
Fixed project quote, based on the deliverables, print formats and film length.
Discuss brand work

From the pack to the film

Just Pure's Lal Mirch Blend pouch, built print-ready with the brand, and a frame from one of five narrated story films made for a portfolio client.

Front / Recognition
Illustrated frame from a narrated story film: an artisan at work on a marble inlay
Story film / Narrated, with motion graphicsSee the case

In your handover

Print-ready files for each pack and label, the strategy and copy documents, and films exported for site and social. Brand identity work is shown on Brand.

03

Grow

Attention, orders and margin after launch.

Growth

Attention, orders and margin, after launch.

Content and ads bring people to the site and the listing. Every channel is judged by what it leaves after costs, not by the revenue it reports.

Social media
Reels, carousels and a content calendar, with community management and reporting in plain language.
Performance marketing
Meta and Google ads, with clear reporting on spend and what it brought back.
Marketplace management
Amazon and Flipkart listings, A+ content and brand stores, pricing and ads, run against contribution margin rather than vanity revenue.
How it is priced
Ongoing scope, channels, pricing and terms are agreed individually.
Discuss growth

Turn a dead end into a next step.

A buyer arrives with intent. Make the next decision easier.

The sticking pointThe promise and the page do not meet.

A clearer path is possible.

Give visitors the answer they came for, without making them start the search again.

  1. Campaign promise
  2. Relevant detail
  3. Clear next step
What we would check

Compare the campaign message, landing-page engagement and next action before increasing spend.

Illustrative journey, not a client screenshot or performance result.

Read the account by what it leaves

Revenue counts every order. Contribution margin is what remains after product cost, marketplace fees, ads and returns. A campaign that sells more but leaves less shows up here first.

Revenue view: one large number, every order counted.

  • Product cost
  • Marketplace fees
  • Ads
  • Returns and shipping
  • Contribution margin

Diagram, not client data.

In your report

Spend, orders and contribution margin by channel, and what changes next month and why.

Not sure where to start?

Send us your site for a free, personalised teardown of the visitor journey. We will explain what we would change first, and why.

Request a free teardown

See complete projects on Work.

See how a project runs on Process.