COLOUR. CHARACTER. COMMERCE.
Coolenator.
A product with personality.
A shop shaped around it.
A clear catalogue, focused product pages and personalised gifting. Website UX/UI that connects the practical details with the character of the range.
Explore the design
- Our scope
- E-commerce website UX/UI
- The experience
- Catalogue · product detail · personalised gifts
- Project contact
- Tung Chan
01 / E-COMMERCE WEBSITE DESIGN
Make the range
easy to explore.
The catalogue puts type, pattern and colour controls beside consistent product cards. Photography carries the differences between the products, while price and shopping actions remain in predictable positions.
On the detail page, a larger photograph, essential information, quantity and purchase controls share one focused view. Collection photography offers a different route into classic coolers, personalised designs and accessories.
02 / PERSONALISED GIFTING
Show what makes
it personal.
The gifting pages give personalisation more room than a standard product card. Business gifting pairs a real branded example with a focused explanation; occasion-led content introduces a more personal use of the same range.
Alternating photographs and text create an editorial rhythm without disconnecting these pages from the shop. The same condensed headings, black actions and pale-blue accents run through both experiences.
EXPLORE THE DESIGN
The range. The detail. The personal touch.
Six focused previews of the catalogue, product detail, collections, personalised gifting and product-feature illustrations. Open any screen for a closer look.
Catalogue — product-type filters, sorting and the first row of patterned cooler products
Choose a preview or use the arrows. Open a screen for the complete layout.
PRODUCT WEBSITES & ONLINE SHOPS
Let the product
set the direction.
Planning an online shop or product website? Tell us about the range, your audience and what visitors need to do. We’ll suggest a scope and estimate.
Get a project estimateView the design in Figma