Work · Footwear
For footwear brands and stores
Help the customer find their pair
Show the shoe from every side and explain the differences between models. From choosing a purpose to choosing a size — in one clear flow.
Explore the full demoDiscuss a footwear catalogue
Concept Concept · authored by Smart Key
- Runner 01Training
- City 02City
- Walk 03Walks
Model
Colourway
For footwear brands and shops
A 3D catalogue where a shopper can easily examine models and compare options.
Discuss a site like thisWays to work
- Ready basefrom $2,000adapted to your brand
- Extra block$150an agreed section
- Custom developmentfrom $5,000your own structure and features
What the adaptation includes
- One landing page in one language, using the selected ready base.
- The existing 3D scene and interaction of that example.
- Your supplied copy, logo and brand colours.
- Responsive layout and one enquiry form.
- 2 design revision rounds and 1 consolidated list of small text updates before handover.
- Development: up to 14 working days from the agreed start after payment and receipt of materials; time awaiting materials and approvals is excluded.
- 30 calendar days of technical support after handover; new changes are separately agreed and charged.
- Agreed site source files, build and instructions.
New 3D models, complex features and integrations are not included automatically: they are agreed and priced separately before payment.
Loading the live view…
- 01Purpose
- 02The pair
- 03Construction
- 04Comparison
- 05Size
01
Start with the customer’s task
City, training, walks or a special occasion — we organise the range around the scenarios that match your products.
- City
- Training
- Walks
- A special occasion
03
Make the features of a model visible
Show the sole, the upper, the finish and the key elements. Points of interest on the 3D model connect a detail with a short explanation.
UpperLaces
SoleHeel
04
Differences that are easy to compare
Put the characteristics into a clear comparison. We use the data of your products: materials, sizes, purpose and other meaningful parameters.
| Runner 01 | City 02 | Walk 03 | |
|---|---|---|---|
| Purpose | Training | City | Walks |
| Upper | Perforated knit | Smooth leather | Matt upper with overlays |
| Sole | Moulded sole, light | Flat sole with a ribbed wall | Ribbed sole |
| Lacing | Woven laces | Round laces, six pairs of eyelets | Round laces, seven pairs of eyelets |
| Details | Stitched overlays | Perforated toe, contrast stitching | An overlay along the bottom and on the toe |
| Colourways in the demo | 3 | 3 | 3 |
Demonstration data. There is no size table of a brand in this demonstration.
What is in the demonstration, and what is not
Works in the demo
- A catalogue of three models, chosen by purpose
- Points of interest on the real elements of a model: upper, lacing, tongue, sole, heel, toe
- A comparison of the chosen models in one scale, one light and one angle, with a table of the demonstration data
- Turning the shoe, a close-up mode and fixed views of the upper, the sole and the lacing
- Three colourways of each model
- Still renders instead of 3D on weak devices
Adapted to your business
- Categories, filters and product cards for your range
- Comparison fields from the data of your products
- Colourways and finishes from your samples
Needs separate development
- Size tables and size advice: only from the table of a specific brand
- A model from your last, patterns and materials (scan or CAD)
- Stock, prices and a cart (integration with your sales system)
- Statements about cushioning, grip, weight and durability: only from your own specifications
Limits of this demo
- Runner 01 is a concept presentation of a ready sample model, not a client product. For a brand the shoe is modelled or scanned from its own last, patterns and materials.
- The sneaker is a free, publicly available model, so this case shows the presentation, not an exclusive design.
- Screen colours are approximate; real colourways are matched from material samples.
What you get
- A website or an embeddable 3D catalogue of your footwear.
- An agreed set of models, materials and colourways.
- The choice by purpose, the comparison and the points on the details that are agreed for the project.
- Adaptation to phones, tablets and computers, and a version without 3D with the same content.
- Agreed integrations: catalogue, size tables of your brand, enquiry form.
- Source files and documentation as agreed in the terms of the project.
What we will need from you
- A 3D scan, CAD or the last of each shoe, or photographs from many angles.
- The list of materials and colourways with samples.
- Logos and artwork for the details.
- Product data, and the size table of your brand if a size advice is needed.
- Requirements for integrations: catalogue, shop.
How the scope is agreed
- How many models and colourways are shown.
- The depth of interaction: a viewer, a comparison, a choice by purpose.
- How many pages and languages are needed.
- How the content is updated: by you or together with us.
- Integrations.
- Support after launch: updates, new models, checks.
This is not a fixed package: the scope follows your task and is agreed before the work starts.
A catalogue for your range
We will set up categories, filters, product cards and size tables. Launch scenarios for new collections and integrations will be discussed in the light of your sales system.
What does the customer need to know about your shoes?
Show a few models and tell how they differ. We will suggest a way to reveal these differences on the site.
Discuss my project Request adaptation termsAfter your request we read the description, reply to the contact you give and propose a format and scope of work. Scope, timing and cost are agreed on the basis of your materials.
Credits
- “Materials Variants Shoe” by Shopify · CC BY 4.0. Changes: scaled, textures and mesh compressed for the web, the brand mark on the heel patch and the embossed lettering on the sole removed, colourways swapped as textures. The City 02 and Walk 03 models were built by Smart Key for this demo.
A ready base for your brand
From a ready 3D example to your website
Base adaptation: $2,000. Extra section: $150. Start with a short request; the detailed brief follows confirmed payment.
Choose services
Find out what your project will need
Choose a task and get the scope of work, the list of materials needed and the questions for a cost estimate.