The mission of TENETRIO
First of all – sustainability
TENETRIO is a startup from Potsdam with the mission to produce healthy and sustainable dog food – in the fight against wasting resources. TENETRIO dog food is based on the natural insect protein, it is 100% sustainable and allergy-friendly. The market for insect-based food is growing fast and companies are expanding and seeking new ways of promoting their products. We are very happy we can reinforce TENETRIO with our expertise as we share the same values and we are impressed by the quality of their product.
Project scope
- To redesign the storefront by implementing totally new look & feel
- To rebuild the shop and migrate all the data to the newest version of Shopware
- To add the subscription functionality
Creation of the new brand visual identity
Development of the flexible custom Shopware theme
Four months to release to production
Introduction of a subscription model
Solution
Design and UX
We started from intensive brainstormings and UX workshops which helped us to understand the specific needs and mission of our client. The second step was to create the guidelines for the new website. We worked closely with the TENETRIO team on a new visual language, which would communicate best the main ideas of the brand: vitality, health and innovation.
We refreshed the logotype, created a set of pictograms and a manual for the product photos. The next phase was the new layout for the website.
Custom Shopware theme
The ideas from the brainstorming sessions and UX workshops required a new design for the store. To implement it we created a custom Shopware theme that would represent the new guidelines and main ideas of the brand. On top of that, we had to keep the theme flexible and pages easy to modify by the client. We made sure that it works correctly with Shopware shopping worlds – one of the basic CMS functionalities of this platform. In addition, we created multiple custom shopping world elements – reusable and editable CMS blocks – allowing clients to easily change the layout.
Our customers say the website is very easy to navigate, and they really like it. They’re able to find the products much easier. Since the relaunch, we’ve seen a 50% increase in conversion rates. Kiwee team helped us to think of things that we didn’t think of before since we don’t have a big background in e-commerce.
PHP and Shopware upgrade
The previous TENETRIO shop was on Shopware 5.4 and was using PHP 5.6. It was already past the end of life date for PHP 5.6, so we had to upgrade Shopware to the latest version and migrate the project to PHP 7. We also had to make sure that all previous plugins and integrations keep working after the upgrades.
Deployments
Previously every change done in the code had to be manually uploaded to the server by FTP. We wanted to make the codebase easy to maintain, test, and deploy. We moved the code to our repository and used Docker for local development and serving the shop on production. We also utilized Bitbucket Pipelines for Continuous Integration - automatically running tests and deploying the code to staging environments and to production. This improved the workflow and automated releasing the code.
Technologies
PHP 7
Besides active support, PHP 7 offers big performance improvements in comparison to PHP 5. Shopware 5 fully supports PHP 7 so the transition is rather smooth.
Docker
Thanks to Docker we could keep development, testing and production environments consistent. It was easy to add new developers to the project because they didn’t have to spend hours setting up the local environment to start working – it was as simple as running docker-compose up
.
Bitbucket Pipelines
Using Bitbucket Pipelines helped us to deploy frequently on production. We configured it to run automatic tests and release to staging first - this way we minimized the risk of going live with a code that could break something in the shop.
Less
Less is a language extension for CSS used in Shopware 5 by default. With Less we were able to utilize variables, mixins and many more great features that allowed us to speed up the process of creating the styles for our custom theme.