Product lineup
Two models presented side by side with pricing.
E-commerce
MYFRIX ConceptAURA — Smart Mug
A product launch page that makes a smart heated mug feel premium, technical and easy to want.
- Category
- E-commerce
- Project type
- MYFRIX Concept
- Technology
- Next.js, React, Vercel
- Live site
- aura-indol-alpha.vercel.app ↗
The brief
What the project needed to solve.
Concept brief: introduce a new connected product, explain its technology without overwhelming people, present two models and accessories, and capture early demand before launch.
Our approach
How we approached it.
- Strategy
- Sell the feeling first (warmth, anywhere), then the technology, then the product range and accessories.
- UX
- One focused page: products, technology, gallery, accessories, specs, FAQ and a reservation sign-up.
- Design
- Large lifestyle imagery, bold product typography and a clean spec layout.
- Development
- Fast, image-optimised build with smooth in-page navigation and social sharing metadata.
What we built
The pieces that make it work.
Technology features
Six feature panels explaining temperature control, durability, app control and more.
Accessories catalogue
Eight accessories with prices and short descriptions.
Pre-launch reservation
Email reservation form to capture early interest, plus specs and FAQ.
Inside the build
What we designed — and why it works.
A walk through the key sections of AURA — Smart Mug, and the decisions behind each one.
01Hero
A product hero that sells a feeling
The page opens on a sunrise camp scene with the product in focus and an oversized AURA wordmark rising out of the image. Before any specs, visitors understand the promise: warmth, wherever you are.
- Full-width lifestyle photography
- Oversized wordmark set into the image
- Floating pill navigation with a persistent Buy button
02Positioning
One sentence that explains the product
A short, centred statement introduces both models — AURA Steel and AURA Noir — and the three benefits that matter most, before the page moves into the detail. It answers “what is this and who is it for?” in seconds.
- Clear product positioning up front
- Two-tone headline for visual hierarchy
- Smooth transition into the feature grid
03Technology
Technology explained through imagery, not jargon
Six feature cards pair a category label — Innovation, Durability, Performance — with a single benefit and a dedicated photograph. Complex hardware becomes something people can picture using every day.
- Six benefit-led feature cards
- Consistent category labelling
- Rounded, product-photography-first layout
04Conversion
A pre-launch reservation flow
Because the product isn't shipping yet, the page converts interest into a first-generation reservation list. A focused dark panel with one email field and one button keeps the action unmistakable.
- Single-field email reservation
- High-contrast panel to draw attention
- Copy that sets clear expectations about shipping
Technology
Built with
- Next.js
- React
- Vercel
Outcome
What was delivered
A complete product launch page with product range, technology, gallery, accessories, specifications, FAQ and reservation flow — designed and built by MYFRIX as a concept project and live today.
Next project
LÀ·BA — Art of Dining
View project
Have a digital project in mind?
Tell us what you're building. We'll help you turn the idea into a launch-ready digital product.