End-to-end e-commerce Platform Design

Hero Image

(About)

Client:

Voolt Technologies

Role:

Senior Product Designer

Date:

Q1 2024

Voolt is a platform that helps contractors easily launch and manage Google and Facebook ad campaigns to generate leads for their businesses. As part of a two-person design team, I worked across the entire product experience -from landing pages and campaign setup to the lead delivery interface- designing a streamlined flow that allows non-technical users to create and run ads with minimal effort.

Problem: Early user testing and analytics revealed major friction during onboarding. Users frequently dropped off during campaign setup, struggled to understand pricing and billing, and had little visibility into what their ads would look like. The lack of transparency and early personalization reduced trust in the platform. Disclaimer: data has been modified as a measure to protect confidential information.

Problem: Early user testing and analytics revealed major friction during onboarding. Users frequently dropped off during campaign setup, struggled to understand pricing and billing, and had little visibility into what their ads would look like. The lack of transparency and early personalization reduced trust in the platform. Disclaimer: data has been modified as a measure to protect confidential information.

My goal as a Product Designer is to translate strategy into designs that are simple, easy to use and solve a problem.

My goal as a Product Designer is to translate strategy into designs that are simple, easy to use and solve a problem.

Leading the Interface & Strategy from scratch

The primary users—plumbers, roofers, and lawn care professionals—were not tech-savvy, so the challenge was to make the setup process simple and intuitive. The business needed to build the product from scratch and determine the best way to ask users for essential information without disrupting their experience. For this to happen, documentation from the beggining was the most important point.

How to do research when there is no time to do so?

As a Product Designer, it's important to balance when to focus on research and when to move forward with design. We had to balance depth of research with speed of delivery. It means that heatmaps and session recordings from Clarity showed where users hesitated or abandoned. Google Analytics and Mixpanel confirmed drop-off patterns and identified which steps bled the most users, and support ticket analysis revealed the emotional story behind the data. Research with 5 users was also runned.

Placeholder image
Placeholder image
Placeholder image
Placeholder image

The solution: show, don't just tell

We rebuilt the onboarding experience around clarity, visual feedback, and gradual education.

Placeholder image

Placeholder image

(Process in a glance)

(01)

Problem Understanding & Discovery

Interview with 5 users, heatmaps, Google Analytics, Heuristic Evaluation and Business alignments were essencial to understand the user behaviors. Top observations: users were not used to "AI" tech languages or e-commerce flows. Understanding those particularities led the team to design the best solution for the audience.

Placeholder Image

(01)

Problem Understanding & Discovery

Interview with 5 users, heatmaps, Google Analytics, Heuristic Evaluation and Business alignments were essencial to understand the user behaviors. Top observations: users were not used to "AI" tech languages or e-commerce flows. Understanding those particularities led the team to design the best solution for the audience.

Placeholder Image

(01)

Problem Understanding & Discovery

Interview with 5 users, heatmaps, Google Analytics, Heuristic Evaluation and Business alignments were essencial to understand the user behaviors. Top observations: users were not used to "AI" tech languages or e-commerce flows. Understanding those particularities led the team to design the best solution for the audience.

Placeholder Image

(02)

Design

Building the Design System, as well as weekly alinging with IT team on how to work together was key for the project success. Always validating designs with the team and User Testing when the team had available time to do so.

Placeholder Image

(02)

Design

Building the Design System, as well as weekly alinging with IT team on how to work together was key for the project success. Always validating designs with the team and User Testing when the team had available time to do so.

Placeholder Image

(02)

Design

Building the Design System, as well as weekly alinging with IT team on how to work together was key for the project success. Always validating designs with the team and User Testing when the team had available time to do so.

Placeholder Image

(03)

A/B Testings

Especially for the landing pages, after Desk Researches, it was possible to run A/B Testings, in partnership with the Marketing team. Four Landing Page templates were choosen because of the tests.

Placeholder Image

(03)

A/B Testings

Especially for the landing pages, after Desk Researches, it was possible to run A/B Testings, in partnership with the Marketing team. Four Landing Page templates were choosen because of the tests.

Placeholder Image

(03)

A/B Testings

Especially for the landing pages, after Desk Researches, it was possible to run A/B Testings, in partnership with the Marketing team. Four Landing Page templates were choosen because of the tests.

Placeholder Image