I designed a complete mobile e-commerce (marketplace) experience for a large enterprise looking to expand their portfolio. The goal was to design something in-line with the existing brand language while keeping the visuals and experiences comfortable for every day user.
Nothing remarkably was re-invented in the generally known e-commerce experience during this project. I learned best practices from the likes of AliExpress, Amazon, eBay, Etsy and more to create an experience that people are already familiar with.
There are three important aspects of this project worth highlighting apart from the visual design exercise. These decisions helped me build a stronger foundation early on and as the project grew, it made my life easier.
We didn't want a random home page to the webstore. We needed some structure to this (obviously). Another constraint I got from the business was that the homepage needs to be editable by business users to promote different product lines or individual product.
After some brainstorming I came up with the following recommendation of having a repeatable component on the homepage with different elements whose visibility can be triggered on or off to create unique sections in the homepage.
I understood that this project's scale was going to make things tricky in the later stage to manage assets. So once I had finalized the wireframes, I started creating components for each element. A gem of a Figma plugin called Pop a component, helped me massively to improve my workflow.
For example, once I had the vertical product card component created and all my screens in the file were using the same component. When I wanted to create a horizontal tile view, I only had to create a variant of the original component, duplicate the screen and swap the instance.
All the screens and components were religiously made exclusively in auto-layout. This meant as I worked on the screens and we were reviewing designs with the stakeholders if I had to add anything new in any part of the screen or modify any component that I made, everything flowed beautifully and I did not had to worry about spacing rules after setting the auto-layout guides for the first time.