IMAGE NOTES (left): 1. Before design. 2. After design of landing page design. 3. Before design log-in state of web application. 4. After design of log-in state of web application. Final image is mobile application design of AVM. A management tool for Tuttidare Volunteers.
Tuttidaré is a volunteer-ism social network — allowing all users free access to volunteer and donation opportunities! Volunteers can search for open positions based on location, interests, and/or what their friends are supporting. Without leaving Tuttidaré they can sign up for jobs, communicate with the organization, track their donations and create a volunteer resume.
I began with a thorough analysis/white paper on the current web application they had in place. The evaluation included task analysis and a full visual grammar work up. It was estimated the site required a full re-design for desktop and mobility to compete in today’s volunteer portal business landscape.
The previous taxonomy of the UI was arranged on the invisible hierarchy of layers. Strategically, the direction of one stage; one context for social interaction and device design experience was the clear route to take. The visual affordances to see what is possible on one layer immediately educates and empowers the user. This is a rough draft screen that served as a queue to developers managed by the Tuttidaré technical lead. The employment of this UI is in development today.
The rhythm of this design is directed from the use of the task bar on the left. The user never leaves this environment. Much like video editing, source to destination, the visual cues follow in breadcrumb format reinforcing concrete actions and crafting and encouraging effective behavior along the way.
RLabs Role: R&D, Lead Design, Production using Adobe Suite, Visual design and final style guide and spec. In collaboration with a team: writer, marketer, CEO/stakeholder, technical lead/manager. The final result is a responsive web application poised for mobility and ready to meet the competition.