E-commerce Saas Product Design from scratch

Kushuvak Tolonov

UX Designer
Product Designer
UI Designer
Figma
Maze
Miro
P2Pseller
Shipments dashboard
Shipments dashboard

Background

P2Pseller - connects online sellers all over the world with warehouse spaces, in real-time, so they can get back to the fun parts of managing a business.
Alongside a relentless, talented team, I designed and built a P2P e-commerce app from the ground up.

What was the challenge?

🦠 After COVID-19 when the e-commerce market grew significantly, demand for warehouses grew by small business owners. P2Pseller wanted to build an app that would help connect the warehouse owners with sellers.
💻 In order to build the product for smaller companies and independent business owners, the onboarding and the product experience had to be rethought. The new app needed to be more intuitive and quickly break down complex business data into usable insights that even those without a firm grasp of analytics could understand.

What was the task?

Lead the end-to-end design phases
Map out complex interactions and journeys in depth
Bring together people from various teams of the startup to collaborate
Traverse the complexities of MUI Design System compliance and translate it into usable designs
Work closely with engineers to ship high-quality work
Create illustrations & icon packs to be used throughout the product
P2Pseller user flow
P2Pseller user flow

How did we solve the problem?

💻 The initial research showed that a lot of decision-making in smaller companies happens on the go, or in other places, where the customers don’t have access to a desktop computer. With the new responsive web app, P2Pseller was able to meet the needs of its new customer group, allowing them to get access to reports and insights on any device.
Integrations page
Integrations page

How did we validate our design prototypes?

I’ve prepared high-fidelity interactive prototypes and integrated the Figma link into Maze to run usability testing. Depending on the features we were testing I asked users to finish specific tasks and run A/B Testing.
Maze Usability Testing results
Maze Usability Testing results

Design System

P2Pseller has an easy-to-approach, unique brand with playful details. I designed an accompanying component library based on Material Design, which enables the development team to iterate the product and ship new features quickly.
Design system
Design system

How did it go?

✅ The product has solid foundations. The navigational structure is simple and usable. The visual design is clear and concise.
✅ We created a solid baseline. This was a real MVP release. We made sure the foundations were strong for the future iterations.
✅ We launched an entirely new brand and set of products. This is no mean feat when developing a whole product from scratch. The timelines were tight, the expectations were high and there was a lot on the line.
Recommended service lists
Recommended service lists

How did I have an impact?

🔬 As the sole Product Designer, I worked closely with the company’s founder, product manager, and development team to bring the first version of the P2Pseller app to market.
🔬 I worked on multiple areas of product development as a Product Designer, including the main web app and the adaptive mobile version. In addition to those, I gave input regarding project management.
🔬 I was also responsible for building the MUI Design System in Figma, which will be utilized across different teams and help designers collaborate more efficiently and transparently in the future.
Business page
Business page
Partner With Kushuvak
View Services

More Projects by Kushuvak