Select Page

Product design and Ui/Ux of Alimens

Alimens application is built to allow people to get useful data from consumer food goods based on a configurable user profile . Once the user scans the barcode from a commercial product with his mobile, the app provides him instantly with various known facts on health, nutrition and safety.

Customer Journey

The user doesn’t know the characteristics of certain ingredients from a product. For example, the food additive E-120 approved by the EU, which is a colorant extracted from an insect. A vegan type of person may be concerned about it and we can offer him an alternative product to buy.

User research

User experience begins with research and strategy. Our team is composed of 3 people: a designer (me), a developer and a business analyst. We ended up drawing an empathy map and defined a customer jorney, then we detected the need to create various profiles for common food allergies and intolerances,  as well as personalized alerts for organic food, gmo and critic additives which are forbidden in some countries.

Process

After the market and user research, I immersed deeply into the specific requirements. Then I designed the sitemap and the first series of mock-ups to build a rapid web prototype. This prototype provided part of the functionality of the app and enabled testing of the design alongside the initial interviews to acquire feedback from user goals.

Information architecture

After validating the strategy of content, the initial stage in the ideation process is to build a low fidelity wireframe to start testing the app. A plot and some predefined tasks were given to the users to be completed, while observing their behaviour. From this tests, a few relevant insights and interaction guidelines were found and would be implemented afterwards in the next stage.

Identity + Naming

We were noticing a spelling issue with the naming, as it was confusing and difficult to write it correctly. We decided to change it to a simpler and clearer sounding word along with a user-friendly icon to keep a visual consistency.

A big strenght is that the new naming is easy to pronounce for both spanish and english people, as well as other europeans. The embedded concept of “alimentation” plus the latin term “mens” is a preferable inner value than the need for a verbatim description.

Workflow

The second stage was turning these refined user tested functionalities and guidelines into a high fidelity wireframe. At the same time, I designed the screenflow that our personas would desire and choose. The whole work is focused on the experience.

Web admin panel

We developed a nice web-based admin panel following W3C standars to allow food brands setting up its products’ data onto the app’s database. The idea is that the brand should take care for themselves and be responsible for all the info they enter into the system. The product’s data should be kept up to date as well.

Results

Thanks to conducting usability tests and user feedback we could sintetize the results and measure success. We found many insights and improvements to be made to our initial designs, and also plenty of additional features that could be added in future iterations of the project.