Tenetrio

Insect based dog food online shop

Sustainable insect-based dog food online shop

Tenetrio is an online dog food store with an innovative idea; all food and snacks are made from insects and healthy vegetables and fruits. Because there are no animals in their preparation, the CO2 impact is minimal, and the water consumption is very low in this novel way helping the environment. But his sales did not accompany his good intentions. They needed to change their strategy, see the problems of the user with the online store, improve the interface, and they had to find an identity to explain their message more attractively to the user.

Client: Tribo
My role: Lead Art Direction
UX/UI Design
Conception
Digital Product Design
Branding
Creative Direction

Solution

Product optimization and a new branding attractive for new users

I used different UX design techniques with current and potential users were used here to find out why the user did not finish the purchase process or what opportunities would the brand have with new customers. The results showed confusion in payment methods and a lack of information about the advantages of a product that would change the feeding habits of pets.

To perform this project I have conducted interviews and usability tests with current and potential consumers and with the results obtained I have redesigned the content and navigation of the web for desktop and mobile, design a new branding and created tools that make it easier for the user the experience with the product.

Features for a better product experience

Before optimization

Interactive dog food measurement feature

Users have fun interactively measuring the correct amount of insect-based food for your dog depending on its weight. In the usability tests, it was possible to observe how consumers use the measurement table very often and they had a hard time finding the exact amount that their dog needed.

Benefits on a hover effect

With a simple hover effect on the product, the user can see the benefits of each one, persuading him to click the purchase CTA.

Information more enjoyable

Users can know more about the product benefits thanks to features like this one. The environmental impact of each product is interactively displayed.

Blog page with visual categories and an efficient search tool

Lehrermarktplatz_MockUp Copy 18
Lehrermarktplatz_MockUp Copy 8

Blog page before optimization

Tenetrio┬┤s blog page is a strong tool for the brand since its articles are very popular with users. Since the articles are associated with the online store, the interface of the page and the usability have been improved, improving the search, storage, and consultation of the articles thanks to direct access to the categories by means of intuitive visual buttons or a very efficient search since it searches for keywords in articles such as ingredients, actions, etc.

Branding

For Tenetrio’s visual identity, I have designed friendly icons but at the same time traced with a minimalist line to maintain the brand’s modern and innovative character. The colors still maintain the original purple but I added a light lilac, earth color and a green color highlight the CTA.

The process

To learn about Tenetrio’s problems with its sales process and its opportunities in the market, I carry out a market study and design some User Persons to see its potential in the market. I conducted interviews and usability tests with current and potential clients. The results showed that the majority had confusion in the purchase process regarding the handling of the shopping cart, registration interface, problems to recognize payment methods and there were no specific shopping pages with all products displayed. I design the solutions as wireframes protoypes and test them before apply the final design.

Besides, all those who were not yet Tenetrio customers shared a lack of confidence in the brand due to not having enough information to demonstrate the benefits of something as important as changes in the eating habits of their canines. With all the results, improve navigation, content, usability, and tools so that the user knows the product better.

I also created small features such as this one where the customer can automatically know how much water he would be saving by buying the number of products in the cart.

User Personas

02
03
04
05

Usability testing

191112_Tenetrio_UX-Design191107_Tenetrio_UX-Design_Interview-Usability-Test3.001
191112_Tenetrio_UX-Design191107_Tenetrio_UX-Design_Interview-Usability-Test4.001
191112_Tenetrio_UX-Design191107_Tenetrio_UX-Design_Interview-Usability-Test2.001
191112_Tenetrio_UX-Design191107_Tenetrio_UX-Design_Interview-Usability-Test.001
191112_Tenetrio_UX-Design191107_Tenetrio_UX-Design_Interview-Usability-Test.001

The final product

The final result was tested and from the homepage. The new user was able to know the benefits in advance, reach all the product pages and had no problems in the purchase process with any information on the interface.