If we can Imagine it, We can achieve it!

BMW – Financial website

Car Loan and Financial Services


This is how I helped significantly improved the process of buying a BMW Australia. I helped streamline the experience of selecting your vehicle and made it more enjoyable to complete online aspects of the purchase.

To comply with my confidentiality agreement I have omitted and appropriated confidential information. These designs are a reinterpretation of the original.

scroll

My Role

I was part of a small team alongside David M. / Adam Z. / Jayson W. / Leigh W. / Paul L. / and Laura M. I was responsible for the research, Sketches, Flow diagrams, Wireframes, Prototypes, interaction design, visual design, and branding.

Also being part of the three workshops and the whole process.

Concepts & Ideation

Digital design for high fidelity mock ups, strategy for new concepts, Ideation workshops and brand/creative strategy documentation, Specialised broadcast news graphics

Strategy & New Vision

Engaged in the ideation, art direction and new strategies for BMW site. My responsibility was to bring the brand to the next level of creative interactive communications. Managed to redefine the status-quo that meant a radical new style of communication.

UX process, wireframing

UX, contextual interviewing, interaction design, personas and provide the right direction for wireframing, Validation for designs and UX.

Flow diagrams

I found through the interviews, the primary objectives to create the flow diagrams and Exception diagrams for the platform context.

UI Design Execution

I led the pitch team and responsible for the UI design of the Website. I lead the UI work, producing all major deliverables and presenting these to the client.

Choose your BMW


http://www.guernik.com/wp-content/uploads/2015/10/2_dashboard_BMW1200_16_col_vs7_g0010_screen2_800x721.jpg
http://www.guernik.com/wp-content/uploads/2015/10/3_dashboard_BMW1200_16_col_vs7_g0010_screen3_without.jpg

Emotional design – We demonstrated it is possible to make design an engaging and enjoyable form to purchase a BMW.

The Challenge


Human beings are emotional creatures. We are drawn to things that make our hearts beat faster, our eyes bring the initiative. We are driven to images that we view as cool, interesting, and beautiful. UX designing for emotions takes these natural human characteristics and uses them for the advantage of website design or app design.

scroll

Finance Calculator


http://www.guernik.com/wp-content/uploads/2015/10/5_dashboard_BMW1200_16_col_vs7_g0010_screen5.jpg
http://www.guernik.com/wp-content/uploads/2015/10/8_dashboard_BMW1200_16_col_vs7_j0011_Contact_Details.jpg

Key Features

Emotional design

What I did to make sure the experience create enjoyable and emotional connections with BMW website. Here are some key features.

Images

Imagery is one of the most powerful tools of engagement online shopping and connectedness. Customers buy cars because they love what they see.

Clear and honest design

All the terms and conditions will be in front of you without small print. Fewer form fields = greater conversion.

Keep the dream in their eyes

Customers love their cars. Therefore, they prefer to visualize it in the entire process.

http://www.guernik.com/wp-content/uploads/2015/10/heirarchyofneeds.png

Developing the UX process

Although our brief was to develop better functionality than our client’s competitors, we stressed that engaging users keep the emotion, the interest higher.

Starting on the same page
Meeting with key stakeholders into the workshops finding the right answers helped us to understand their business challenges. Together we identified risks and aligned on expectations and constructed a shared vision for the Website.

To differentiate ourselves in an already mature and competitive market, we needed to define a desirable role for the website. We were thrilled by the opportunity to create something more meaningful.

 
Working in a collaborative culture
We opted for a lean approach that emphasized rapid sketching, prototyping, user feedback and design mockups. It created early team‐wide alignment, sparked tons of great ideas and created a strong sense of ownership across different disciplines within the team.

Next

Building trusts through transparency

Principle to involve clients in decision making.

 

Sharing our methods and thinking from the outset helped to build a strong client relationship. Ample opportunities for input at all stages of the project built trust and created a comfortable environment to share ideas. Forming a partnership that will serve much value beyond this phase.

Workshops, Process, User Journeys, Mood boards, etc.

http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_0008_BMW_session1_stories1.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_0002_IMG_7870.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_0003_IMG_7807.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_0004_IMG_1966.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_0007_Principles_3.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_0006_Moodboard_Iteration2.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_0001_Empaty-Map.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_0005_BMW_session1_overview.jpg

Wireframes, Rapid Prototyping, High Fidelity Mockups and Prototypes

 

Wireframes
Visually communicate abstract concepts with users and team members to generate feedback.

Rapid Prototyping
Get users involved early in the design process with quick and inexpensive paper prototypes. Uncover usability issues and validate design decisions based on actual user reactions.

High Fidelity Mockups
Apply product branding, grid structure, typography, color scheme, and icons.

High Fidelity Prototypes
Quickly develop interactive prototypes with tools like Axure. This lets the team easily distribute and observe exactly how well the product will be received before the product gets built.

Sketches and Wireframes.

http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_prototypes_0001_6-step_1_1.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_prototypes_0000_5.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_prototypes_0000_5-confirmation_1.jpg
http://www.guernik.com/wp-content/uploads/2015/10/BMW_600x600_prototypes_0002_bmw_-_meet_budget_-_option_2.jpg

THANK YOU