UX design, wireframing.
Collaboration with the Department of Computer Science, Systems and Communication and the Department of Biotechnology and Biosciences at University of Milano-Bicocca, 2015
During my first year of my Master’s Degree at University of Milano Bicocca I spent some months collaborating with a brilliant and dynamic startup, taking part in the design and development of fooid app. In a world who was revealing more and more attention to healh and wellbeing, fooid could give valuable assistance in picking the right options during grocery shopping.
fooid allows to select your dietary requirements beetween several profiles (lactose intollerant, gluten intollerant, vegan, vegetarian, ect) and provides recipies coherent with the selected profile. During shopping, it’s possible to understand if a product is not appropriate simply by scanning the barcode.
The biggest strenght of fooid, however, comes from the partnership with the Department of Biotechnology and Biosciences at University of Milano-Bicocca, who can provides more information thanks to analysis on the food.
During my time at fooid, I focused on the research process behind the development of the app, working on the wireframing of the final product. I’ve acted as an intermediary between the dev team and the biology labs, trying to understand which information we can get and how we should show that.
Flow diagram and wireframing
Design matters, but if there is no value for users — something went wrong. Flow diagrams help you to organize paths, that they will follow using your website or app. Blocks and diagrams are handy way to visualize every part of the future website.
The logical place to start the actual design process is with a rough wireframe.
This basic documentation is simple enough to start from scratch, but complex enough to act as a solid foundation going forward. The wireframe creates the structure—the backbone—of the entire project layout, making it easier to later build individual parts.
Lo-fi is the new hi-fi.