ANODA Discuss your product

Medical ecommerce website that explains first

Arize is building limbwear: a prosthetic leg meant to be bought like footwear, for lower-limb amputees.We researched, designed and built its website and store.

The live Arize home page: the prosthetic leg in 3D beside the headline Finally, a leg you actually want to wear, with Discover more and three product badges; The live Arize Amputee Sock page on a phone: $24.99, three orange socks, the gallery, colour and size
WordPress
+ WooCommerce the whole implementation, by ANODA alone
3D
interaction specified for developers across responsive layouts
3
surfaces the website, the store and the investor deck

Arize is creating limbwear for lower-limb amputees: a prosthetic leg sized like footwear and sold direct, and an amputee sock that is on sale now. It had to be understood by amputees, their families and clinicians, and shown to investors. We did the research, UX and UI , specified the 3D product presentation, designed the investor deck, and built the whole site in WordPress and WooCommerce .

From “what is this?” to a paid order

Every visitor, from a prosthesis user to a clinician, follows the same path, at their own depth:

  1. Home

    • What Arize is
    • Who it’s for

  2. Product

    • How it’s built, in 3D
    • Benefits and sizing

  3. Configure

    • Colour and size
    • Pack quantity

  4. Cart and checkout

    • WooCommerce
    • Order confirmation

  5. About and contact

    • The mission
    • Waitlist and contact
Human technical
A warm, personal story and precise product specifications on the same page.
3D speed
The 3D view explains the product without slowing the path to buying it.
One product many variants
Colour, size and pack chosen clearly, without turning one product into a catalogue.

The product page, read in the order of doubt

Found
Visitors arrive unsure what the product is, whether it fits them and what to choose.
Decided
What it is, then the choices, then one button, with the description and features folded below.
For the user
A first-time buyer sees the product, picks a size and pack, and only then reads the details.
Website design
The live Arize Amputee Sock page: a gallery of the orange socks on the left; the name, $24.99, colour, size and pack choices, Add to cart and the folded description on the right
After: the live product page at arizelimbwear.com

  1. What it is, what to choose

    The name and price, then colour, size and pack, each choice named above its row.

  2. Then act, then read

    One orange button, then the description and key features, folded.

From research to a store that runs

One team from the first research to the WooCommerce store.

  1. Research

    Who the visitors are and how comparable products are sold.

    Artifact Product and market research, and a competitor review.

    The competitor review: full-page captures of five prosthetics companies’ websites side by side

  2. UX

    The path from first visit to checkout, for each kind of visitor.

    Artifact Information architecture, wireflows, screen maps and a clickable responsive prototype.

    The wireflow map: home, about, shop and contact wireframes linked to the cart, checkout, payment, loading, confirmation and error steps, with cookie, 404 and legal pages

  3. Visual system

    How Arize looks, chosen from the directions we explored, and the components everything is built from.

    Artifact Final visual system, full design system and UI kit.

    Visual-direction boards: the client’s moodboard, then Airy Logic, Deep Tech and Prime Balance, each with references and a colour palette

  4. 3D and interaction

    How the product turns, zooms and explains itself, at every screen size.

    Artifact 3D presentation and interaction specifications, and essential feedback animations, for developers.

    The home page hero with the prosthetic leg in 3D, beside a developer note comparing a Shopify build on video and images with a WordPress build with scroll-based animation and an interactive 3D model

  5. Build

    A working store with the bespoke product story inside it.

    Artifact The complete WordPress and WooCommerce implementation, with the analytics event map.

  6. Pitch deck

    The same story, told to investors.

    Artifact A branded investor pitch deck.

One product, three kinds of visitor

Found
A prosthesis user, a caregiver and a clinician look for different things on the same site.
Decided
One path through the product, with depth where each needs it: the story, the construction, the specifications.

  1. Understand

    From the 3D hero to the mission, the product and the questions people ask.

    Open the full map
    Wireframes of the home page, from the 3D hero and the mission to the FAQ and the footer, beside its 3D side sections and the start of the about page

  2. Buy

    Choose colour, size and pack, then cart, checkout and payment.

    Open the full map
    The buying path in wireframes: the product page with its size guide, then cart, checkout, payment, loading, and the order confirmation or an error

  3. Stay in touch

    The contact form and its confirmation.

    Open the full map
    The contact wireframe: a contact form that leads to a “Thank you!” confirmation
The desktop header: the Arize logo, Home, About, Shop and Contacts, and the cart

Four items and the cart

Home, About, Shop and Contacts, with the cart one click away from every page.

  • Information architecture
  • User flows and wireflows
  • Screen maps
  • Clickable responsive prototype

What Arize’s site does

The 3D story first, then choosing and buying.

The product in 3D

Found
A photograph can’t show how the product is built around a prosthesis.
Decided
A 3D leg that turns and opens as the visitor scrolls, one benefit per step, specified state by state for the developers and built on the live site.
The live home page, scrolled: the leg in 3D with its straps in view beside the heading Fully Adjustable
The live home page, scrolled further: the socket turned open to show its orange foam, beside Unbelievably Comfortable
The full prosthetic leg in 3D beside Limbwear: The New Standard, an initial target price of $950 and a note that it is a current prototype rendering
The live home page at the foot of the leg: the pylon and the foot in 3D beside Highly Adaptable

Colour, size and pack

Found
One product with several variants can confuse a first-time buyer.
Decided
Each choice shown on its own on the product page, and the configuration repeated line by line in the cart.
The desktop cart drawer over the blurred product page: one amputee sock in Small, Orange, a one-sock pack, with a quantity stepper and the checkout buttons

Checkout

Found
A bespoke product story still has to end in a standard, trustworthy checkout.
Decided
WooCommerce checkout in the site’s own design: express pay first, then contact, delivery, shipping and payment.
The desktop checkout: express pay, contact, delivery, shipping method and card payment on the left, the one-item order with a discount-code field on the right

Measured from the first visit

Found
The team needed to see where visitors drop between landing and purchase.
Decided
An event map for the site and the ecommerce funnel, each event with its trigger, parameters and tool.
The analytics map: ecomm_purchase and post_purchase_click events with their triggers and parameters, and three funnels from viewing the item to the confirmed order

One visual system for the site, the store and the deck

Found
A website, a checkout and an investor deck can easily look like three companies.
Decided
A full design system: components, logo treatment, spacing, icons, header and footer, photography and prosthesis assets, loading states.

The choice, carried from the page to the cart

What the buyer picks on the product page comes back in the cart in the same words, with a stepper for the quantity.

  • Option rows: Size Small with Small 6″ chosen over Medium 8″ and Large 10″, and Package 1 sock with 1 chosen over 3 and 5
    Option rows: Size and pack as pills, the chosen one in white and named above its row.
  • A cart line: the three socks, Arize Amputee Sock, Size Small, Color Orange, Package 1 sock, a delete icon and a stepper at 1
    Cart line: The product, its size, colour and pack, and the quantity stepper.

While the order goes through

Between Pay now and the confirmation, the buyer sees the order being processed, not a frozen page.

  • An orange spinner over the words Your order is processing, on the site’s dark ground
    Order processing

The investor deck, in the same language

Found
Investors needed the same product story, told for a different decision: how big, how it reaches people, and what it earns.
Decided
A 40-slide pitch deck in the site’s visual system, from the problem and the product to the market, the channels, the unit economics and the ask.
The deck cover: Creating the Limbwear Category, affordable adjustable prosthetics for the 90% of amputees priced out of the system, beside the 3D leg
The Problem. One Human, One System: sockets expire every 18–36 months, liners cause sweat and infections, systems cost $5,000–$50,000, frequent fabrication visits and changing limb volume
The Breakthrough: prosthetics become mass manufacturable, with volume adaptation, off-the-shelf sizing, a liner-less design and shower-safe materials
Market Opportunity: 58M+ amputees globally, a $60B–$168B untapped market, TAM $11.2B, SAM $4.8B and SOM $423M
Beyond Traditional Prosthetics: an average price under $1,000 against over $10,000, with Arize ticking every feature and competitors missing direct-to-consumer, liner-free, shower use, mass production and user repair
Go-To-Market: phase 1 direct-to-consumer in months 1–12, phase 2 Medicare reimbursement in months 12–18, phase 3 government and global channels in months 18–24
Direct-to-Consumer Economics per unit: MSRP $850–$999, manufacturing under $150, packaging and shipping $80, marketing under $120, channel fee under $150 and profit over $350

  • Investor pitch deck

    40 slides in Figma Slides, in the site’s visual system

A store designed and built by one team

Arize runs its website and WooCommerce store at arizelimbwear.com: the 3D leg story on the home page, the amputee sock on sale, the analytics mapped and an investor deck in the same visual language.

team from research to build
1
surfaces in one visual system
3

Launching a product people don’t understand yet?

Tell us what makes it new. We’ll design the story, the store and the build around it.

Discuss your product See more website work

What this project needed

Design

Build