Project overview
Designing around a clear next step.
North Bottle balances product interaction, performance benefits, comparison data, customer proof, and a focused purchase journey across five finishes.
Landiqo case study · Consumer Product / E-commerce
EcommerceLandingPageCaseStudy:NorthBottle
An ecommerce product-page concept combining tactile product interaction, technical proof and a focused purchase journey.
- Audience
- Design-conscious commuters, travellers, and outdoor customers
- Conversion objective
- Drive direct-to-consumer bottle purchases
- Status
- Interactive fictional portfolio concept
Design strategy
Turn engineering detail into a desirable everyday object.
Make one product feel considered by connecting finish selection, engineering detail, comparison information and lifestyle context in a single narrative.
Mobile UX
Built for the smaller screen first.
Keep colour and quantity controls comfortably tappable while balancing product imagery with concise performance information.
SEO foundations
Useful content before search-engine decoration.
Expose product benefits, specifications and comparison context as readable page content with descriptive product imagery.
Design decisions
What shaped the final direction.
- 01Use interaction to clarify finishes rather than decorate
- 02Place engineering proof near purchase decisions
- 03Keep commerce behaviour local and non-transactional
Strategy blueprint
North Bottle Strategy Blueprint
Development approach
A responsive, production-minded front end.
Framework and stack
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS
- Framer Motion
Core features
- Interactive product colour selector
- Quantity and purchase-state controls
- Comparison, reviews and technical specification blocks
See the complete concept
Explore the interactions in context.
The demo is a fictional business experience created to demonstrate Landiqo's strategy, design and front-end work. It does not represent a live company or measured client result.