product page

HydrateSpark - Smart water bottle

HydrateSpark -
Smart water bottle

Designing a sleek product page that highlights features, builds trust, and drives action.

Product

E-commerce Product Page (Desktop & Mobile)

E-commerce Product
Page (Desktop & Mobile)

E-commerce Product
Page (Desktop & Mobile)

Target audience

People seeking smarter hydration solutions

People seeking smarter
hydration solutions

People seeking smarter
hydration solutions

Project

Personal initiative

01.Overview

Shining Bright in Dark Mode

This sleek product page was designed in dark mode with subtle gradients to create a modern, high-contrast look that feels both premium and immersive. The layout focuses on clarity, trust, and conversion, presenting key features in a clean, visually engaging way across both desktop and mobile.

02.style guide

Soft Gradients, Strong Presence

Soft Gradients,
Strong Presence

The style combines a dark background with soft gradients used sparingly to highlight key areas. Typography is clean and modern, supporting a sleek, tech-oriented feel without distracting from the product.

Typography

Aa

Space Groteks

Aa

Mulish

soft Gradients

Typography

Aa

Space Groteks

Aa

Mulish

soft Gradients

03.Design Decisions

Bringing Innovation to Life Through Motion

Bringing Innovation
to Life Through Motion

Subtle animations and looping video were used to bring the product to life without overwhelming the user. These elements add depth and movement, creating a more immersive experience. The motion is intentionally minimal, designed to guide attention, communicate smart features, and support a smooth visual flow.

I edited the video to create a perfect loop, so it plays smoothly and continuously without drawing attention away from the product.

Let’s get in touch!

Curious, motivated,

and ready to collaborate.

Email

noavano22@gmail.com

Copy Email

Let’s get in touch!

Curious, motivated,

and ready to collaborate.

Email

noavano22@gmail.com

Copy Email

Let’s get in touch!

Curious, motivated, and ready to collaborate.

Email

noavano22@gmail.com

Copy Email

Let’s get in touch!

Curious, motivated, and ready to collaborate.

Email

noavano22@gmail.com

Copy Email

© By Noa Vano 2025

© By Noa Vano 2025

© By Noa Vano 2025

© By Noa Vano 2025

© By Noa Vano 2025