My portfolio | Birra A Casa
Project Overview
Bring to beer lovers a home delivery service of beers, tickets to tastings, concerts, pairings...
📅 3 months - May to August 2019.
🚀 General Project
The final objective of the project is to create an app, an electronic commerce platform (app), for the sale of beer and event tickets.
🎯 Business Goals
The expected result:
- Tickets and beers sales
- Create a community
- Reach young adults
🛠 Tools used
- Sketch
- Invision
Problem
An attempt is made to combine various functionalities, beer sales, ticket sales and blogging in one application. In addition to the functionalities associated with them.
User target
No previous research was carried out. It was started directly from a user over 25 years old, a beer lover and with cultural and gastronomic interests.
Role & Responsibilities
In this project, I carried out:
- The information architecture
- Sketching wireframes low-fi
- User Flows & Prototype
- Visual Design
Design Process
I started with the interaction design process starting with a sketch process with the first few user flows.
Sketching Ideas
Interaction Design
In the first part of the design process, the content was ranked and organized. Simplifying, 5 main legs were proposed from which the rest of the content would be dropped.
Sitemap
User Flow APP
Use Case: Search & purchase
With this organization clear, the wireframes Mi-fi were designed.
Visual Design
I started with mood bars to get inspired.
Moodboards
During the project's development, two totally different graphic lines were proposed. The first with a brutalist trend, geometric in bright colours and the second, is "naïf" with a cleaner and more straightforward design.
Brutalist Moodboard
Naif Moodboard
UI KIT
Finally, the decision was made to develop the second proposal "Naif" that fit the image that the application wanted to be given: "An accessible and simple application for any type of user".
With these premises, the style guide and the screens were designed.
Final Prototype
The prototyping was carried out with Hi-fi Wireframes in Invision.
Conclusions & learnings
Working on this project gave me the opportunity to realise the process involved in creating an application as a final product. Although the purpose of the project was the development of the visual design, the product definition process was valued too, from the information architecture to the evolution and from sketching to the Mi-fi Wireframe.
The development of two graphic lines that are totally opposed to each other to give totally different options at the visual level of the product, was a personal challenge.