Volkswagen CV
The brief for this project was to design a new section of the existing commercial vehicles application, that allows users to quickly send customers a brochure containing information about selected vehicles.
Company & role
Tribal communications, UX Lead
Tools
- Sketch: Wireframes
Challenges & considerations
- We had to fit into the existing sites IA and style guidelines: the functionality had to slot into existing site design and structure, without incurring to much development work and understanding of the new features for the user. Therefore, every decision and idea had to go through technical review before going to client to ensure it was absolutely feasible.
The process
- Distil: understand user research and what was the desired outcome of the introduction of the new functionality.
- Design: wireframes were designed using sketch. This allowed quick creation of a realistic design, using assets that already existed. The developers were also involved in reviewing designs, so that anything created was inline with iOS standards.
- Develop: working with the developers to ensure that the user flow, layout and design of the process was as anticipated. No annotations were created due to the short time scale of the project, therefore working with the developers closely was crucial.
Wireframes
Learnings
- Sketch is great to create realistic wireframes, when there is not much time for annotations: the turn around time on this project was very short therefore being able to quickly mock up the pages in sketch, using existing designs and iOS assets, helped to create an extremely visual wireframe depicting the flow and functionality.