Ecommerce as a Service Platform
My role
UX/UI Design
The team
- 1 UX/UI Designer
- 1 Backend Developer
- 1 Frontend Developer
- 1 Infrastructure Engineer
- 1 Project Manager
Duration
6 months
Status
Finished
What was going on?
Based in Argentina, Codev has spent over 20 years developing custom e-commerce solutions for major clients like Digital Sport and Urgencias. With that experience in hand, the team recognized it was time to build a scalable, ready-to-use platform to offer E-commerce as a Service — a shift that would allow them to expand their offering beyond tailor-made projects.
How we tackled it
Through a combination of testing processes and research tools — including User Testing, Heuristic Evaluations, Google Analytics, and User Interviews — we identified the main pain points in both the checkout flow and customer area. Some key findings included unnecessary steps in the checkout, lack of clarity about its length, and overwhelming information presented at once. In the customer area, outdated aesthetics, overly technical information, and poor navigation were among the major issues.
After completing an information architecture and user flow creation phase, followed by medium-fidelity wireframes and a final high-fidelity prototype in Figma, we arrived at the redesign solution shown below.
Homepage featuring a carousel for highlighted products. Tap to expand.
Mega menu with space for categories and subcategories. Tap to expand.
Preview of search results with quick access to key products. Tap to expand.
Shop page with dynamic filters for product browsing. Tap to expand.
Product page showing full details. Tap to expand.
Cart view with purchase summary before checkout. Tap to expand.
Checkout step: choose shipping method. Tap to expand.
Checkout step: selection of payment method. Tap to expand.
Card information entry and order summary. Tap to expand.
Order confirmation page Tap to expand.
New user registration screen. Tap to expand.
Login page for returning users. Tap to expand.
User dashboard with order history. Tap to expand.
User dashboard displaying all personal account information. Tap to expand.
Help section with essential information for users. Tap to expand.
+10
customizable homepage modules
+5
supported payment methods
+5
available shipping options
This was my first time designing an e-commerce platform meant to adapt to clients and requirements that couldn’t be fully imagined at the start. One of the biggest takeaways was learning to think broadly — beyond what I already knew or had experienced.
This was my first time designing an e-commerce platform meant to adapt to clients and requirements that couldn’t be fully imagined at the start. One of the biggest takeaways was learning to think broadly — beyond what I already knew or had experienced.
Although I’m no longer part of Codev, I believe the best way to move the project forward is through ongoing iteration. Using continuous evaluation and measurement, outdated modules and features could be adjusted or removed, while new ones can be added based on client needs or market shifts.
Although I’m no longer part of Codev, I believe the best way to move the project forward is through ongoing iteration. Using continuous evaluation and measurement, outdated modules and features could be adjusted or removed, while new ones can be added based on client needs or market shifts.