Champs is one of the leaders in travel accessories. They provide luggage and travel accessories to large companies like Costco, Best Buy, the Bay and much more. To improve their website and reach more online customers, they decided to redesign their website. We were privileged to work on the development of their site. The mandate consisted of migrating their site from version 1.9 of Magento to version 2 on the one hand.And on the other hand, we had to redo the entire website. So we developed the site under Magento 2 and made the site transactional. And secondly, given the fact that Champs has several types of clientele, we have incorporated the multisession aspect.
Project descriptionAs mentioned in the introduction, the old Champs site was under Magento 1.9 and was not transactional. Indeed, the majority of their customers visited their website just for reference before placing the order. Over time, they felt like customers should have more autonomy in the order process. Because of the latter, the owner decided to add functionality to the site, which should allow customers to place the order online. However, considering that version 1 of Magento will no longer be supported by June 20, 2020, it was imperative to migrate to version 2. As a new specification we will have to:
- Create a new Magento 2 site
- Migrate content from the old site to the new
- Integrate third-party resources such as payment and delivery method
- Give the customer the possibility of having only access to information specific to their group
Development of the Champs siteWe did the development of the Champs website in several steps. Below is a summary of the steps
1- Feasibility analysisIn this phase, it was a question of analyzing the customer's needs. Indeed, although the owner has his expectations, we are aware of the limitations of Magento and should consider it. During our discussions, we had an agreement on the tasks to be completed to finalize the project. We have also developed timelines to better move forward with the project.
2 - Site mapBased on the current sitemap, we decided which URL links to keep or improve. During the development of the sitemap, we took a little time to decide on the keywords to use, the structure of URLs and sub-links.
3 - Design and conceptionThe client's specifications allowed us to make a design adapted to their needs. We have also taken into account the ergonomics of the site, and compatibility with browsers. Indeed, aware of the fact that a good part of the visitors is on their mobiles or tablets, setting up a site that fits with this target is essential.
4 - Integration of third-party resourcesOnce we completed the development, we integrated the payment, delivery and some marketing tools such as Mail Chimp.
5 - Content migrationDuring this phase, it was a question of recovering the contents of the old Web site with the new site. We have also kept some features of the old site. To be able to finalize this task, we made use of the tool suggested by Magento. To allow users of their software to migrate from versions 1 to 2, Magento offers a tool called "Magento Data migration Tool." With this tool, migrate content where some basic functionality is straightforward.
6 - Test and validationAfter completing the development process, we proceeded to the test and validation. In collaboration with the general manager of the company, we made a series of tests on the site to make sure it was ready for production. Some of the tests we have done are:
- Performance tests - to make sure that the site is fast enough and accessible on any browser
- The validation of ergonomics - We developed the website using Bootstrap. Moreover, we use an automated solution to validate that all the pages were 100% responsive.
- Ergonomics of each page, thanks to the automation of the tests.
- Browser compatibility
- Site security validation
- Other tests