Tiswell

A range of oral-care products can be difficult to distinguish through packaging alone. Visitors need ways to explore the range, understand the brand's explanations, find relevant advice, and locate a place to purchase.

The design brings those needs together while maintaining a recognizable relationship between the website and the physical products.

Create continuity between product and interface. Large packshots, teal surfaces, hexagonal motifs, and metallic accents establish a consistent visual vocabulary. Technology banners and product cards reuse that vocabulary at different levels of detail.

Offer both browsing and guided selection. A catalog preview supports visitors who want to inspect products directly. A nearby test entry offers an alternative route through a sequence of questions. The design file contains numbered steps, a child-related branch, and several result variants.

Bring education into the product journey. Technology explanations, dentist testimonial cards, and topic-based articles sit alongside the catalog. Dedicated pages for experts, advice, technologies, and brand information give those subjects their own space beyond the homepage.

Connect interest to availability. Purchasing links, retailer references, and a dedicated “Where to buy” area provide a route from exploration to an external buying channel. The design does not depend on presenting an on-site checkout.

The result is a coordinated brand website with several ways into the product range: browsing, education, and guided discovery. Desktop and mobile layouts extend the same visual language across the documented experience.

Product education is most useful when it stays connected to the next meaningful action: exploring a product, refining a choice, or finding where it is available.