Jaguar Land Rover

Bring Your Own Device

Prototype for remote and on-board zoned control of in-car features

position

Design Technologist

roles

Digital Designer

Prototyper

Jaguar Land Rover Bring Your Own Device | Digital Design and Protyping

Overview

Flexible control of in-car features across zones was important for customers and critical for road safety. This proof-of-concept prototype was used for user testing various pathways to some of the most-used infotainment features: Media, Climate, Seats, and Audio.

The prototype was fully-functional — built in Angular – and demonstrated interactions via passenger zone screens and connected mobile devices. I worked with the research, dev, and design teams iterating CSS, Javascript, graphic assets, and prototypes based on user reactions (and addressing the occasional bug).

My contributions included:

  • Building out the framework templates
  • Developing the style guide
  • Implementing motion design with CSS and Javascript
  • Implementing styling in CSS
  • Generating the visual and media assets
  • Documenting flows
Phone app menu screen
Phone app screen of passenger seat control of heated seat
Phone app screen of driver seat control of heated seat and seat-back
Phone app screen of driver seat control of seat-back angle
Tablet app screen of climate controls showing full cabin cooling circulation
Phone app screen of climate controls showing front passenger zones with lower cabin cooling circulation
Phone app screen of climate controls showing passenger zone controlling full cabin cooling circulation
Phone app screen of video player controls for rear seat passenger watching BBC One
Phone app screen of video programming guide showing stations and scheduled programming
Phone app screen of audio settings showing touch controlled audio balance, fade, and volume
Phone app screen of audio settings showing surround sound options and sliders for equalizer

User Flows

Climate control userflow showing how to adjust airflow distribution
Climate control userflow showing how to adjust airflow distribution
Audio control userflow showing how to adjust audio balance and fade
Audio control userflow showing how to adjust audio balance and fade
Zone restriction userflow
Zone restriction userflow
Media userflow showing how to select TV as video source
Media userflow showing how to select TV as video source
Seats userflow showing how to adjust the seats climate
Seats userflow showing how to adjust the seats climate