Spontane Helfer
Spontane Helfer is a special project, since in real time we can see how technology connects us to help those who really need it.
This web application unites through coordination between immediate aid entities in situations of danger or catastrophe with connected volunteer helpers. Coordination between these two actors within the application streamlines the way in which aid teams are organized.
The application not only covers events such as a dangerous situation but also events, such as rebuilding a house or joint actions in order to help the community.
Categories
- UI
- Wireframe
Role
- UI design
Duration
- 4 Months
Client
- Caracol Television
The main function of Spontane Helfer is to be able to link through a web application, organizations in charge of response events, such as Firefighters, Police, Helplines, Paramedics, etc., with people who want to help. Helpers can be experienced or inexperienced or provide support with tools, cars, or food.
This large network will have the power of technology to quickly locate which helpers are available, and how they will receive information to coordinate the event.
Mark construction
The brand was built with the concept of a meeting between people and the union where this collaboration led. The use of an arrow will always give the correct indication of where to go.
The shapes generate a heart with a dot in the middle—the meeting at the center of everything.
Exploration
During the logo exploration process, I built six concepts with different variants.
I ran these concepts by the skateholders, and with their valuable feedback, I started refining one of the logo concepts. Finally, after a few iterations of the logo mark, I arrived at the completed product.
Refinement is the next step
The team delivered a lo-fi wireframe establishing the basic functions of the application, as well as a user flow, starting from a home page and continuing through registration.
The next step was to create the medium-fi wireframes, to be clear about the elements that complement the user flow. These wireframes give us a broad view of what the final interface would look like.
Refinement continues, now color, typography and grid.
After reviewing similar applications, a color palette was chosen to reflect alertness and attention. Likewise, the typography reflected in the Spontane Helfer logo indicates dynamism and importance through the use of heavy letters.
Final screens
After the wireframes steps, the design of the final mockups was easier. Taking the user flows and with the architecture information, I created every single screen in order to create a high fidelity prototype.
