Description
Frog.ee is an Estonian online store built on the PrestaShop platform. The client faced performance issues and poor user experience during the checkout process – the entire checkout flow was placed on a single page, resulting in long loading times, confusing navigation, and a lower conversion rate.
Objective
To optimize the checkout process by improving performance, enhancing the UI/UX design, and increasing conversion rates – all while maintaining full compatibility with the existing PrestaShop architecture.
Solution
We designed and developed a completely new step-by-step checkout wizard, creating an intuitive and efficient user flow that significantly improved both performance and usability.
Key improvements included:
- Introducing a multi-step wizard (cart, shipping, payment, confirmation) for a clearer checkout journey.
- Redesigning the UI/UX with a focus on simplicity and clarity.
- Implementing step validation and progress indicators.
- Integrating Google Places API for address autocompletion and geocoding.
- Redefining how discounts, vouchers, warranties, and insurance options are displayed within the flow.
- Adding multilingual support for international customers.
- Optimizing database interactions and integrating with PrestaShop’s API and hooks to reduce request time and improve overall performance.
- Building the new frontend using Vue 3, Pinia, Axios, and TypeScript, powered by Vite for a fast and modular development experience.
The result is a modern, fast, and user-friendly checkout experience that increased efficiency, reduced drop-offs, and positioned the store for future scalability.
Technologies
