The Nutri More app and website

This is a tool to the nutritional asesories multiplatform that works online, available in one app to mobile devices and as a website also.

The focus users are persons with reduced motor functions and all they that want to increase their health though the alimentation.

Boost the consiency about how the nutrition can help your life in short and long term

My role

Project Goal

I pretend to enhance the online life of this persons group and increment their health

Emphatysing

person ann isaya description person jeral hans description

Principal constraints

Desing strategy

Site map

sitemap diagram

Crazy heights

crazy heights on paper

This was a good practice to no dismiss original and creative functions , where i have a robust idea draw a "pseudo-wireframe"

Mobile screen paper wireframes

paper wireframe with 3 version of a mobile screen
I first think en which components should be that screen. Next three vertical rectangles in the paper and each of those rectangle is a scrollable device
paper wireframe with 3 mobile pages
Whith three or five screens i looking for the best of the best and outline that part with a *, then i add a pulled screen who contain the * components.
This is only when i don't have a solid desing in mind

App's wireframes

a lot of digital wireframes
I adapted the most important sketches to digital and add the other that i had ideated on my mind

Prototyping

Low fidelity prototype

Tests in users

\

Planning the study

I wanted to get honest feedback that can give me actions to do and this happened in three steps

1 - Background and goals

I made a document that explain the importancy of the user, be sure that they will have solutions and no problems.

Always is good remember where we from and where we go.

2 - KPIs

The key performance indicator tell me what data i need? which questions i will ask?

3 - Script

A note or guidance personal to be more prepared to conduct the studies, this can include the incentive to the participant, follow-up questions and even pro-tips

Getting feedback

digital afinity diagram with sticky notes

Results

Research insights

1. Sign in

The most off users consider that the quetions makes you feel bad

2. Nutritional plan

They don't know if already have selected their ideal nutritional plan or still have more actions to do

3. Saucer

Someones would want remove sauces or put off it

Final prototype

Isometric perspective with a lot of screens
This is the finish of the project tasking about UX, What's your opinion?
Mobile app Mobile Website Tablet Website PC Website

Next steps

  1. Show the progress to the engineers / developers teams
  2. Complete the screens, add the missing of the app to the website and visceverse

What i learned

I also learned to use better and find icons on the web

Perfectioned my technique and workflow in the Adobe XD software.