Trutex
Trutex
Trutex
A complete responsive redesign of Trutex UAE’s Shopify experience, connecting school selection, product discovery and fit decisions within one shopping journey.
A complete responsive redesign of Trutex UAE’s Shopify experience, connecting school selection, product discovery and fit decisions within one shopping journey.
A complete responsive redesign of Trutex UAE’s Shopify experience, connecting school selection, product discovery and fit decisions within one shopping journey.
Role
PD
Timeline
4 MONTHS
scope
E-COMMERCE REDESIGN
E-COMMERCE REDESIGN
status
LIVE
RESEARCH
RESEARCH
The redesign drew on client-reported shopping friction and secondary research into established fashion and e-commerce patterns. The review focused on shopping entry points, school-specific discovery, filtering and the hierarchy of dense informational content.
PROBLEM
PROBLEM
The previous experience felt like a brand website and a store without a clear connection. Shopping entry points were difficult to identify, content was hard to scan, and limited filtering left users browsing products that did not apply to their school or child. The client also reported significant friction and drop-off.
FOCUS
FOCUS
FOCUS
The redesign focused on three connected areas of the shopping experience.
CLEARER SHOPPING JOURNEY
Connect the wider Trutex website to the relevant school collection.
1
BETTER PRODUCT DISCOVERY
Narrow the catalogue through school context, categories and meaningful filters.
2
CLEARER INFORMATION HIERARCHY
Make important information and next actions easier to identify.
3
Start with the school
Linking a school adds a step, but gives every product that follows a reason to be there. School-code guidance explains the entry point; a single account keeps multiple school collections within reach.
Start with the school
Linking a school adds a step, but gives every product that follows a reason to be there. School-code guidance explains the entry point; a single account keeps multiple school collections within reach.
Start with the school
Linking a school adds a step, but gives every product that follows a reason to be there. School-code guidance explains the entry point; a single account keeps multiple school collections within reach.
Start with the school
Linking a school adds a step, but gives every product that follows a reason to be there. School-code guidance explains the entry point; a single account keeps multiple school collections within reach.
Make the catalogue relevant
The school establishes the collection. Requirement, category, year group, gender, size and availability then narrow it around the child, so parents can recognise what applies before comparing products.
Make the catalogue relevant
The school establishes the collection. Requirement, category, year group, gender, size and availability then narrow it around the child, so parents can recognise what applies before comparing products.
Make the catalogue relevant
The school establishes the collection. Requirement, category, year group, gender, size and availability then narrow it around the child—so parents can recognise what applies before comparing products.
Make the catalogue relevant
The school establishes the collection. Requirement, category, year group, gender, size and availability then narrow it around the child, so parents can recognise what applies before comparing products.
One decision at a time
A dedicated drawer gives mobile filters their own space. Parents can narrow the collection, then return to the products without a crowded listing.
One decision at a time
A dedicated drawer gives mobile filters their own space. Parents can narrow the collection, then return to the products without a crowded listing.
One decision at a time
A dedicated drawer gives mobile filters their own space. Parents can narrow the collection, then return to the products without a crowded listing.
One decision at a time
A dedicated drawer gives mobile filters their own space. Parents can narrow the collection, then return to the products without a crowded listing.
Help parents complete the kit
Finding the item is only part of the task. Size, availability and fitting guidance support the purchase decision, while related uniform pieces keep the wider school kit in view.
Help parents complete the kit
Finding the item is only part of the task. Size, availability and fitting guidance support the purchase decision, while related uniform pieces keep the wider school kit in view.
Help parents complete the kit
Finding the item is only part of the task. Size, availability and fitting guidance support the purchase decision, while related uniform pieces keep the wider school kit in view.
Help parents complete the kit
Finding the item is only part of the task. Size, availability and fitting guidance support the purchase decision, while related uniform pieces keep the wider school kit in view.
trutex.ae
One item is only the start
Related pieces turn the product detail into a route through the rest of the school kit.
One item is only the start
Related pieces turn the product detail into a route through the rest of the school kit.
One item is only the start
Related pieces turn the product detail into a route through the rest of the school kit.
One item is only the start
Related pieces turn the product detail into a route through the rest of the school kit.
trutex.ae
trutex.ae
A consistent way back
Basket, account and no-results states keep the same hierarchy as the catalogue. Parents can review, return or recover without learning another interface.
A consistent way back
Basket, account and no-results states keep the same hierarchy as the catalogue. Parents can review, return or recover without learning another interface.
A consistent way back
Basket, account and no-results states keep the same hierarchy as the catalogue. Parents can review, return or recover without learning another interface.
A consistent way back
Basket, account and no-results states keep the same hierarchy as the catalogue. Parents can review, return or recover without learning another interface.
Early results
Early results from the first month after launch during the peak back-to-school period.
Early results
Early results from the first month after launch during the peak back-to-school period.
Early results
Early results from the first month after launch during the peak back-to-school period.
Early results
Early results from the first month after launch during the peak back-to-school period.
~5×
~5×
~5×
More orders. Order volume grew dramatically YoY during the first month after launch.
More orders. Order volume grew dramatically YoY during the first month after launch.
8.5%
8.5%
8.5%
Conversion rate. Conversion remained strong throughout the peak back-to-school period.
Conversion rate. Conversion remained strong throughout the peak back-to-school period.
+4%
+4%
+4%
YoY conversion uplift. An early positive signal following the redesigned shopping experience.
YoY conversion uplift. An early positive signal following the redesigned shopping experience.
4.8 / 5
4.8 / 5
4.8 / 5
Customer rating. Strong customer sentiment alongside the new experience.
Customer rating. Strong customer sentiment alongside the new experience.
03
//FAQ
Concerns
Frequently
Asked Questions
01
How do I approach design problems?
02
WHAT COMES BEFORE VISUAL DESIGN?
03
HOW ARE DESIGN DECISIONS MADE?
04
HOW DO I VALIDATE AND TEST DESIGN IDEAS?
05
HOW DO I COLLABORATE WITH TEAMS?
06
WHERE AM I HEADING AS A DESIGNER?
03
//FAQ
Concerns
Frequently
Asked Questions
01
How do I approach design problems?
02
WHAT COMES BEFORE VISUAL DESIGN?
03
HOW ARE DESIGN DECISIONS MADE?
04
HOW DO I VALIDATE AND TEST DESIGN IDEAS?
05
HOW DO I COLLABORATE WITH TEAMS?
06
WHERE AM I HEADING AS A DESIGNER?
03
//FAQ
Concerns
Frequently
Asked Questions
01
How do I approach design problems?
02
WHAT COMES BEFORE VISUAL DESIGN?
03
HOW ARE DESIGN DECISIONS MADE?
04
HOW DO I VALIDATE AND TEST DESIGN IDEAS?
05
HOW DO I COLLABORATE WITH TEAMS?
06
WHERE AM I HEADING AS A DESIGNER?
03
//FAQ
Concerns
Frequently
Asked Question
How do I approach design problems?
WHAT COMES BEFORE VISUAL DESIGN?
HOW ARE DESIGN DECISIONS MADE?
HOW DO I VALIDATE AND TEST DESIGN IDEAS?
HOW DO I COLLABORATE WITH TEAMS?
WHERE AM I HEADING AS A DESIGNER?
Let'S WORK
TOGETHER
BASED IN novi sad
serbia
product Designer
+ graphic designer
Let'S WORK
TOGETHER
BASED IN novi sad
serbia
product Designer
+ graphic designer
Let'S WORK
TOGETHER
BASED IN novi sad
serbia
product Designer
+ graphic designer
Let'S WORK
TOGETHER