Trella Store

Trella Store

E-Commerce
Mobile
Web

A Trucking Trade Tools E-commerce Platform

Trella Store is a one-stop-shop e-commerce solution that offers a complete selection of trucking supplies and services to truck drivers at discounted prices and with financing options, all through a seamless and user-friendly digital platform. The platform provides anything and everything a trucker needs to operate in the industry (and possibly in their everyday life).

context

Trella is a trucking marketplace that removes the trucking hassle by connecting shippers with qualified carriers to move and manage loads seamlessly.

MY ROLE

I led the design and implementation from 0-1, from discovery, research, to design and development (no-code).

THE PROBLEM

Truckers in the Egyptian market don’t have a go-to destination to explore and purchase all their trucking supplies (~33% of their OPEX) and services from. Moreover, for many years access to basic services like financing, insurance and leasing services wasn't available to truckers, except through personal connections and not through a structured market mechanism.

the product

Home Page - Hero Section
Home
The Best Sellers and New Arrivals sections on the home page allow customers to instantly access products they regularly purchase.
Conversion Rate
As of December 2022, the store's conversion rate stands at 6.5%.
Cart
Designed to be as clear as possible with minimal distractions. With a current cart abandonment rate of 47.2%.

According to this study by the Baymard Institute, the global cart abandonment average is 68.8%.
Home Page - Hero Section
Home Page - Hero Section
Products List
brand logos
Making it easier for users to scan the product selection and instantly find the brands they're searching for.
Product Names
Communicating essential information such as tire width, ply rating and aspect ratio.
Product Images
Clearly displaying recognizable tire patterns.
Filters
Helping customers search for combinations of brand, country and diameter, so that finding a 24" sized Bridgestone tire manufactured in Japan takes seconds.
Home Page - Hero Section
Home Page - Hero Section
Products Details
images
Large & zoomable images for detail-oriented users shopping by appearance.
variants
Chips to switch between different Patterns and Countries, as the Image & Price reflects the changes.
Home Page - Hero Section
the ikea effect
The Other Options and Buy it With sections create this "IKEA effect", where users would browse the store longer, jumping from one product page to another.

This more than doubled the average engagement time & the number of viewed SKUs per session, which directly correlated to a higher purchase probability.
Checkout
A clear and frictionless design, with minimal touch-points enabled by an operational model where customers pickup their orders.

Resulting in a checkout abandonment of only 1.1%.
Home Page - Hero Section
Home Page - Hero Section
Order Confirmation
referral program
Proven to be a great product-led growth tactic for the store.

One of the highest channels in-terms of conversion rates at around 20%.

Purposely placed on the order confirmation page, where 36% of checked out customers clicked to share their link.
Pickup Locations
Helping customers search by City & Area to choose a convenient pickup location from a network of retail stores & warehouses all over the country.
Home Page - Hero Section
Order Step Guide
User Guide
One of the biggest challenges we faced while building this product, was that for many of our target users, Trella Store was their first e-commerce experience. So we decided to include a quick step-by-step guide on our landing page to explain how the process works to new visitors.

The first iteration of this section had a slightly different design, where the step headings were coloured in Trella's primary orange. Surprisingly, while watching Hotjar recordings, we noticed several users attempt to click the first step "1 - Order". The primary colour text and CTA-ish wording led users to believe it was clickable. We had to make choice, either modify the design to appear less interactive or actually help users achieve what they're trying to do. We went with the latter option and decided to make the first step clickable to re-direct users to the products page. This led to a 5% increase in the number of visitors that browsed our products page.

Users were now trying to interact with the other steps, which made sense. We decided that the other steps should be clickable as well and even made one more obvious with a button ("View Pickup Locations").
Best Sellers
Home
The Best Sellers and New Arrivals sections on the home page allow customers to instantly access products they regularly purchase.
Conversion Rate
As of December 2022, the store's conversion rate stands at 6.5%.
Cart
Cart
Designed to be as clear as possible with minimal distractions. With a current cart abandonment rate of 47.2%.

According to this study by the Baymard Institute, the global cart abandonment average is 68.8%.
Products Grid
Products List
brand logos
Making it easier for users to scan the product selection and instantly find the brands they're searching for.
Product Names
Communicating essential information such as tire width, ply rating and aspect ratio.
Product Images
Clearly displaying recognizable tire patterns.
Filters
Helping customers search for combinations of brand, country and diameter, so that finding a 24" sized Bridgestone tire manufactured in Japan takes seconds.
Product Details
Products Details
images
Large & zoomable images for detail-oriented users shopping by appearance.
Product Details
Products Details
variants
Chips to switch between different Patterns and Countries, as the Image & Price reflects the changes.
Product Details
the ikea effect
The Other Options and Buy it With sections create this "IKEA effect", where users would browse the store longer, jumping from one product page to another.

This more than doubled the average engagement time & the number of viewed SKUs per session, which directly correlated to a higher purchase probability.
Checkout
Checkout
A clear and frictionless design, with minimal touch-points enabled by an operational model where customers pickup their orders.

Resulting in a checkout abandonment of only 1.1%.
Locations
Pickup Locations
Helping customers search by City & Area to choose a convenient pickup location from a network of retail stores & warehouses all over the country.

business impact

First year's performance data:

4.2

%

Conversion Rate

1.1

%

Checkout Abandonment Rate

4.7

SKUs

Viewed per User

01

min

23

secs

Average Engagement Time

reflections

done is better than perfect

Launching the store's MVP in 3 days meant that our first version was far from perfect. However, we had an 'okay' product out in the world that, which unlocked invaluable insights that we wouldn't have been able to get otherwise.

"Done is better than perfect" isn't about building products with no thought given to quality, it's about not getting lost chasing the myth of perfection and understanding that product development is all about constant iterations.

constant iterations

Building the store on a no-code platform meant that we had to work around some constraints. However, it also allowed us to constantly iterate on the product at a very fast pace.

We were able to experiment with different designs and easily validate our ideas, as we repeatedly built, released and monitored (data & Hotjar recordings).

snippets

Trella Carrier Event - User Testing Session

Let’s Work Together
Download
Resume
Get
In
Touch