More than 20 possible products. One confident recommendation.
A custom recommendation engine that converts dozens of branching decisions into a clear, media-rich route to the right personalised insole.
A custom recommendation engine that converts dozens of branching decisions into a clear, media-rich route to the right personalised insole.
01Decision architecture
02UX / UI
03Shopify / Liquid
04Interactive development
The interface never asks a customer to understand the whole catalogue. It reveals one useful decision at a time.
The right recommendation depends on activity, movement pattern, condition, footwear, support needs and product configuration. A conventional filter would expose the catalogue’s complexity without helping a customer understand which details actually matter.
I mapped the decision tree, wrote the question hierarchy and built the engine in Shopify Liquid and JavaScript. Category and subcategory logic reveal only the relevant questions, while intro media, option videos and resilient fallback rules keep each path understandable and usable as content changes.
A close look at the branching engine, the visual language that supports each decision and the wider product world it connects to.
20+Product routes covered
DozensBranching decisions modelled
CustomLiquid and JavaScript engine
03 frames
01 frame
01 frame
03 frames
The finder turns more than 20 possible insole routes and dozens of branching decisions into one guided recommendation journey. It gives WearSun a distinctive sales tool that explains the logic behind the result instead of asking customers to self-diagnose from a technical catalogue.
Product routes covered
Branching decisions modelled
Liquid and JavaScript engine
Two physical bakeries, translated into one warm digital front door.
OPEN CASE / 04