Project Description
Engagement Model
Time & Material
Project duration
6 months
Effort (man-months)
640
Hours
4 000
About The Client
Our client is based in Austria and sells natural food supplements for physical and mental wellbeing. Their store is widely popular in Europe, and receives 200-400 orders daily.
4.78
369.978
satisfied customers
Challenge
1) Migration to Magento 2 to improve performance
Initially, the client’s store operated on fee-based Magento 1 Enterprise. This platform was obsolete and unsupported, which entailed slow work, security vulnerabilities, and complex maintenance.
The task was to migrate to Magento 2 Open Source providing enhanced performance, security, and functionality. Besides, this platform is free.
2) Implementation of a new responsive design
The client wanted to change the eCommerce storefront, and prepared the design prototype in Figma. Magedia’s team was to develop a custom theme on Hyva* in accordance with this prototype, as well as improve responsiveness. The hindrance is that Magento websites contain multiple modules, and custom themes may be incompatible with them. Thus, apart from theme development, the team also needed to adapt it for the client’s website.
*Hyva is a toolkit for development of simple and high-performance Magento 2 themes.
Solution
Methodology
As the client was eager to be in the loop of the development process and make changes by small portions, Scrum methodology was the best fit.
We planned a backlog for each two-week sprint, and discussed the progress on daily stand-up meetings.
Magedia’s team
Project stages
1
Research and planning
Here Magedia’s team clarified the client’s requirements, analyzed the architecture and processes of the current solution, and defined the backlog of work. After that, we planned the sprints.
3
QA and testing
Following the test plan, the team performed a series of functional and non-functional checks to ensure that the system works as intended. In particular, functionality, usability, performance, and the database were tested.
5
Post-production support
After the migration and redesign was completed, Magedia’s team continued to work with the client providing them post-production support. At the present moment, 3 Magedia’s specialists are involved in this process: Software Engineer, UX/UI designer, and Project Manager.
30% of the work involves the development of new functions per the client’s request, and 70% is to refine existing functions and ensure system stability.
2
Migration and theme development
In accordance with the migration plan developed beforehand, Magedia’s team prepared data for migration and transferred it to Magento 2. The necessary set of modules for transfer was defined and customized for smooth integration in the new Magento 2 ecosystem.
Obstacles also took place: Hyva ― frontend for custom theme development ― uses AlpineJS and TailwindCS frameworks, which are incompatible with Magento 2 frameworks. Thus, the team had to customize Magento modules additionally in order to eliminate conflicts with the Hyva-based theme.
4
Delivery
The client worked with another supplier, who was involved in products and order migration, and coding migration scripts. However, the supplier didn’t consider the update of the Magento 1 code, and migration was performed with errors. This caused issues with payments, and the first few days after release the conversions decreased critically.
The client asked Magedia to fix the scripts and redo migration. Magedia’s team was happy to help, although this task required working overtime. As a result, a full and correct migration of all products and orders was delivered, and soon after the conversions were back to normal.
1
Research and planning
Here Magedia’s team clarified the client’s requirements, analyzed the architecture and processes of the current solution, and defined the backlog of work. After that, we planned the sprints.
2
Migration and theme development
In accordance with the migration plan developed beforehand, Magedia’s team prepared data for migration and transferred it to Magento 2. The necessary set of modules for transfer was defined and customized for smooth integration in the new Magento 2 ecosystem.
Obstacles also took place: Hyva ― frontend for custom theme development ― uses AlpineJS and TailwindCS frameworks, which are incompatible with Magento 2 frameworks. Thus, the team had to customize Magento modules additionally in order to eliminate conflicts with the Hyva-based theme.
3
QA and testing
Following the test plan, the team performed a series of functional and non-functional checks to ensure that the system works as intended. In particular, functionality, usability, performance, and the database were tested.
4
Delivery
The client worked with another supplier, who was involved in products and order migration, and coding migration scripts. However, the supplier didn’t consider the update of the Magento 1 code, and migration was performed with errors. This caused issues with payments, and the first few days after release the conversions decreased critically.
The client asked Magedia to fix the scripts and redo migration. Magedia’s team was happy to help, although this task required working overtime. As a result, a full and correct migration of all products and orders was delivered, and soon after the conversions were back to normal.
5
Post-production support
After the migration and redesign was completed, Magedia’s team continued to work with the client providing them post-production support. At the present moment, 3 Magedia’s specialists are involved in this process: Software Engineer, UX/UI designer, and Project Manager.
30% of the work involves the development of new functions per the client’s request, and 70% is to refine existing functions and ensure system stability.
Results
Page speed increase —
46% on mobile, 31% on desktop
New appealing design according
to customer request
Improved website responsiveness, ensuring smooth operation on different devices
Module integration for blog posting,providing vast opportunities for content management and SEO-optimization
Solid website security due to regular Magento 2 updates (no need to make security patches for the unsupported code)
Simplified integration with the 3-rd party solutions (ERP, CRM systems, payment gateways, etc) enabled by Magento 2
The client says
The Magedia team is highly responsive and communicative. Any ‘panic tasks’ are being handled directly. Furthermore, we experienced the team as very flexible, meaning that depending on the issue or the number of open tickets, they have provided us with further developers specialized in a specific field (such as UX Design). Overall, we are very happy to work with Anatoliy and his amazing team, knowing that they will give us a helping hand and profound expertise with any issue arising.
Jana Bachstein (Performance Marketing)
Tools and Technologies
| Platform | Magento 2 |
|---|---|
| Framework | Zend, Knockout.js, jQuery, Tailwind CSS |
| Programming Languages |
PHP, JavaScript |
| Web server | Apache2 |
| Database | MySQL |
| Testing Tools | Browserstack |
| Frontend | HTML5, CSS3, Tailwind CSS, Alpine.js, JQuery, Knockout.js, Hyvä Themes |
More Success Stories
