Luxury real estate tower
Altura Residences
A one take real estate film: scroll from the street through the lobby and up a glass elevator to the penthouse.
▶ Immersive scrollLight
FieldmartGrocery and supermarket chain website design
Walk down a 3D supermarket aisle as you scroll, with products popping off the shelf into your basket.
Fieldmart turns the scroll into a walk down a bright 3D aisle stocked with thousands of instanced products. At each stop a product pops out with a card and flies into the basket while the total updates. The aisle opens onto checkout, then delivery tracking, deals, an app section and a store finder.
Best for
- Supermarkets and grocers
- Quick commerce
- Retail chains
- Delivery apps
Immersive scroll · Light theme · Updated 2026-10-25
yourbrand.comFull screen ↗
Scroll inside the preview, or open the full demo.
Animations inside
- Scroll driven three.js aisle walk
- Instanced shelves with thousands of products
- Product pop and add to basket animation
- Live basket counter
- Delivery tracker
- Clickable store finder
Sections
- 3D aisle hero
- Product stops
- Delivery section
- Deals grid
- App section
- Store finder
- Footer
Best for
- Supermarkets and grocers
- Quick commerce
- Retail chains
- Delivery apps
What you get
- A single index.html with all the markup, styles and animation code
- An assets folder with the images, fonts and frames it uses
- No build step: open the file in a browser and it runs
- Works on any static host: Netlify, Vercel, Cloudflare Pages, S3 or cPanel
- Free licence for personal and commercial use
- A credit link to axionry.com is appreciated, not required
Done for you
Want Fieldmart live on your domain this week?
We customise Fieldmart with your brand, copy and photos, shoot or generate your own scroll film, wire in your forms, booking, WhatsApp and analytics, and launch it on your domain, fast and search-ready.
This design, customised
from $1,000
Fully custom design
from $2,500
* Exact pricing is always decided once we connect.
FAQ
Common
questions.
Straight answers. If yours isn't here, ask on a 20-minute call.
Is the Fieldmart website design free for commercial use?+
Yes. Fieldmart is free for personal and commercial use, including client work. Edit it, rebrand it and host it anywhere. You may not resell or redistribute the design itself. A credit link to axionry.com is appreciated, never required.
What animations are in Fieldmart?+
Fieldmart includes: scroll driven three.js aisle walk; instanced shelves with thousands of products; product pop and add to basket animation; live basket counter; delivery tracker; clickable store finder. All of it is vanilla HTML, CSS and JavaScript in one file, with no framework or animation library to install.
How much does it cost to customise Fieldmart for my business?+
Having Fieldmart customised with your brand, copy, photos, your own scroll film and your forms, booking and analytics, then launched on your domain, starts from $1,000. A fully custom design starts from $2,500. Exact pricing is always decided once we connect.
How do I edit a website design?+
Unzip the download and open index.html in any code editor. The text, colours and images are plain HTML and CSS, and the animations are vanilla JavaScript in the same file, with no framework and no build step. Save the file, refresh the browser and you see the change.
Where can I host a website design?+
Anywhere that serves static files: Netlify, Vercel, Cloudflare Pages, GitHub Pages, an S3 bucket or ordinary shared hosting. Upload the folder, point your domain at it and it works. There is no server or database to run, so hosting is usually free or close to it.
How does the immersive scroll effect work?+
The film is exported as a sequence of compressed still frames. As the visitor scrolls, a small script works out how far through the section they are and draws the matching frame on a canvas, so the scroll bar becomes the playhead. It is the same technique Apple uses on its product pages, with no video player involved.
Do I need to know how to code?+
Changing text, colours and images takes basic HTML, and every section is clearly separated in the file. For anything bigger, such as new pages, a CMS, a booking system or a store, we can customise it for you and have it live on your domain within a week.
More website designs
You might also like
Specialty coffee roaster and cafe
Kiln Coffee Roasters
A macro espresso film that pours as you scroll, with a live extraction gauge counting to 28 seconds.
Luxury watchmaker
Halden Horlogerie
A skeleton watch film that orbits into the movement as you scroll, with a beat counter climbing to 28,800.