“I don’t know how to follow up the proposal that I voted or if I should.”
“And where are the tangible results? What happened last year?”
With a clear direction and project objective, we proceeded to ideate and come up with ideas to solve the “phygital” challenge.
With the matrix effort-impact tool, we chose the idea we considered met the most needs of our users and was also creative and fun to develop for Media Lab Prado.
After crafting the concept, building some early prototypes, and designing the customer journey, we decided to focus on 3 touchpoints:
For our early concept and sketches, we prepared a Poster that worked as a concept communicator to align our proposal and communicate our vision.
We then used the “Visual User Story” technique to design a high-level user journey and our goals at each touchpoint of the experience. This was great to practice our storytelling techniques.
After we all agree on our happy path and what our users should be filling at every stage, we proceeded to sketch the user flow for both our website and our app UI.
Lastly, we focused on branding. We designed our logo and several of our illustrations that we were going to use in our website and in-app experience.
Check our deliverables in the carousel below. I focused on the User Story and User Journey. My teammates focused on the UI and physical design of the van.
The MadMóvil is a van (mobile pop-store style) that travels to the 21 districts of Madrid to bring citizens the information and proposals published on DecideMadrid’s platform to increase awareness of the different projects around their neighbourhoods.
Voting is an essential part of the experience because it indicates a choice or an opinion that will have a tangible outcome: getting the approval and the budget from the district’s mayor to execute it. That is why we designed a simple and fun digital experience inside the van that consists of a platform to search, filter, and vote. To vote, they need to play a game where the citizen is the hero and has to fight and defeat the villain (problem) in their neighbourhood to save his city.
To raise awareness, we designed a landing page that is informative and acts as an additional channel to log in/sign up for users and unregistered users of Decide Madrid’s platform. On the web, users can find the MadMóvil’s itinerary, the most voted proposals in each district, upcoming events, upcoming deadlines and the most successful projects approved by Decide Madrid.
The application is an internal product for MadMóvil and Decide Madrid, that enables users to discover, search, and vote for the proposals that interest them the most in a simple and intuitive way. The digital interface it’s found inside a custom-made arcade.
The gamification aspect to vote proposals is how we wanted to stimulate the participation of the younger generation and attract the rest of the citizens to engage with Decide Madrid.
Before making a vote “official” users must first fight the villain (the issue that the proposal is trying to tackle). After playing the game (and winning!) their vote gets uploaded to Decide Madrid’s platform.
With this project, I learned the importance of task delegations and take every opportunity as a learning experience. For example, I knew my strengths were not in UI design but in UX design, so I took the opportunity to learn how to use Sketch and create user flows with low-fidelity designs.