Client: Vodafone

Migrating Vodafone’s global Invision and Sketch design system to Figma, creating documentation for the new ways of working and upskilling team members in the process.

 

Project timeline

October 2021 - Present

 
 

Overall impact

As a team we created a brand new design system, moving Vodafone’s global team across from Sketch and invision to Figma.

We up skilled designers across the company, by providing detailed tutorials and documentation, along with day to day meetings and training.

 
 

My Impact

Led design sprints with the Vodafone design team across Europe.

Component design for teams to build new journey’s

Building relationships with Vodafone and the Figma team.

Design system build

Management of UI and UX team members.

Core experience overview

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

The power of scanning

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

The power of scanning

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

The power of scanning

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

Detailed information at your fingertips

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip

The power of scanning

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

Introduce your brand

Take a minute to write an introduction that is short, sweet, and to the point. If you sell something, use this space to describe it in detail and tell us why we should make a purchase. Tap into your creativity. You’ve got this.

Design and build a mobile responsive website and business app to create excitement, intrigue and covert visitors to registering to be ‘one of the first’ to get ‘HSBC Kinetic’ and help shape the future of business banking.

 
 

1. Bring the Kinetic brand identity to life

through a distinctive and engaging experience when exposing it in the market for the first time. 

2. Introduce Kinetic and it’s features

to prospects, articulating how it will meet their expectations & needs and how it’ll delight them, as well as providing pricing information and comparison with existing HSBC business banking products. 

3. Generate leads

by exciting the visitors, creating emotional connection and enticing them to register to participate the Beta program and acquire c. 1,000 testers. 

 

 

User Flow One

 

User Flow Two

 

 

Sketched Wireframes

Initial sketched journeys are always a great start in the early stages of the project, the amount of detail you can collate from workshops can really help mould the detailed wireframes for phase 2.

 

 

Detailed Wireframes

Creating detailed wireframes from initial sketched journeys, helping move the product from paper to UI.

 

Collaborating

Due to the project being complex, it was great collaborating with copywriters and stakeholders, fine tuning the user journeys for user testing.

 

User testing

Using Invision to Define the structure of the user journeys, components and the series of steps the user will take throughout the app and website.

 

 

User feedback

We got feedback from 8 research participants 

Research participants were sourced from local business owners in London and the South West. All were technically proficient in either IOS or Android

 

Most found the freeze card section valuable

“I like how I can freeze my business account if I feel my details have been exposed “

Most successfully completed the user flow

“The user tutorial was easy to follow “

High praise on filtering by different transactions

“This makes life so much easier, trying to find previous transactions“

 

Detailed Design