barclays home owner’s app –ux prototype · barclays home owner’s app. client: deloitte south...

16
Barclays Home Owner’s App – UX Prototype Tuesday, July 24, 2018 © Copyright 2018 – Portfolio of Steven Brewis 1 Project Type UX - High Fidelity Wireframes Completion Date July 2015 Project Name Barclays Home Owner’s App Client Deloitte South Africa Responsibilities UX design and clickable prototype Software Used Axure RP, Adobe Photoshop Team Size ~10 People including client Barclays South Africa (ABSA) wanted to explore all the latest technology in an update to their existing home owner app. The app was never meant for production - only to explore the best case scenario for all the latest types of technology which could become useful. Some of the features included AR, 3D tours, live chat, offers with agents and Geofencing. What was presented would dictate progress for the app in the years ahead. The app was designed under the premise that it was going to be free and available to non-Barclays customers and existing customers.

Upload: others

Post on 21-May-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Barclays Home Owner’s App – UX Prototype

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

1

Project Type UX - High Fidelity Wireframes

Completion Date July 2015

Project Name Barclays Home Owner’s App

Client Deloitte South Africa

Responsibilities UX design and clickable prototype

Software Used Axure RP, Adobe Photoshop

Team Size ~10 People including client

Barclays South Africa (ABSA) wanted to explore all the latest technology in an update to their existing home owner app. The app was never meant for production - only to explore the best case scenario for all the latest types of technology which could become useful. Some of the features included AR, 3D tours, live chat, offers with agents and Geofencing. What was presented would dictate progress for the app in the years ahead.

The app was designed under the premise that it was going to be free and available to non-Barclays customers and existing customers.

Page 2: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

2

Sketched wireframes for discussion with client

Low-fi UX wireframes for internal discussion with client

Low-fi UX wireframes for client to present to Barclays

Page 3: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

3

Page 4: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

4

Page 5: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

FNB Ideas Can Help

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

Project Type Desktop UX – Low Fidelity Wireframes

Completion Date June 2013

Project Name FNB Ideas Can Help Wireframes

Client / Agency Gloo

Responsibilities UX wireframe designs

Software Used Axure RP

Team Size ~20

FNB (South Africa’s most Innovative Bank) launched a national campaign called Ideas Can HelpAside from working on the wireframes myself I was also creative director of the project.

Ideas Can Help was a social collaboration / crowd funding portal that allowed the South African public to submit ideas that would improve the country. The bank would fund the most voted for / successful project.

5

Page 6: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

6

Page 7: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Hollard Funeral Plan Claim - User Flow

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

Project Type UX – User Flow

Completion Date Jan 2017

Project Name Hollard Funeral Plan Claim

Client Kazazoom South Africa

Responsibilities UX design, Use flow design, UI design

Software Used Photoshop, PowerPoint

Team Size ~7 People including client

Design the user flow for Hollard Insurance Funeral customers who need to make a claimOriginally I was commissioned to design the UI guidelines for all of Hollard’s iOS and Android apps going forward. Upon completion they asked me to create a user flow using the newly created UI guidelines.

7

Page 8: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

8

Onboarding

Selection

Process Overview Process

Outcomes

Page 9: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

4:40 PM

Brand NameModel Number

Owner Name

Full Name

Brand Name

Camper Z3

Manufacture Date

Year Month

Service History

Warranty

Insurance

LibraryMy Rig Legal Contacts Info

@

Add

My Other Rig Name , Example Boat

Model Number

MyRig App UX Wireframes

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

Project Type UX – Low Fidelity Wireframes

Completion Date Mar 2018

Project Name My Rig Caravan Management App

Client Upwork Client - Australia

Responsibilities UX design, UI design

Software Used PowerPoint Template

Team Size ~3 People

This is a mobile app UX wireframe for a caravan portal.The idea is for caravan owners is to log and keep all their caravan information in one place and for agents and retailers to communicate with their customers.

Upon completion of the wireframes I was also responsible for designing the UI of the app.

9

Page 10: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

10

4:40 PM

Brand NameModel Number

Owner Name

Full Name

Brand Name

Camper Z3

Manufacture Date

Year Month

Service History

Warranty

Insurance

LibraryMy Rig Legal Contacts Info

@

Add

My Other Rig Name , Example Boat

Model Number

Final wireframe of the first user screen after

logging in

What the UI looks like

I convinced the client to use native iOS controllers with Material design attributes

Page 11: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

11

Page 12: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Triga Builder’s Portal

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

Project Type Desktop UX – Low Fidelity Wireframes

Completion Date April 2018

Project Name Triga

Client Triga

Responsibilities UX wireframe designs

Software Used PowerPoint

Team Size ~5

A portal that aims to bring customers, builders and renovators together and assist in mitigating risk for both partiesThis is the most recent wireframe I created for a client. It is a simple website with a lot of potential.

Anyone that has ever renovated a property or built a new house will know how risky the process can get. Triga is being developed to help both parties get through the process with a lot more help and includes options for litigation when things go wrong.

12

Page 13: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

13

Page 14: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

14

Page 15: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

World of Finance Wireframes

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

This is a wireframe built for a fin-tech product that aims to bring financial freedom to customers by connecting them to financial brokers and advisors in their area / area of interest. This was a two month project and I helped develop both the user section as well as the broker section of the website. Both parties had their own unique dashboard and user flow.

15

Project Type Desktop UX – Low Fidelity Wireframes

Completion Date Jan 2017

Project Name World of Finance

Client World of Finance

Responsibilities UX wireframe designs

Software Used Axure RP

Team Size ~4

Page 16: Barclays Home Owner’s App –UX Prototype · Barclays Home Owner’s App. Client: Deloitte South Africa. Responsibilities: UX design and clickable prototype. Software Used: Axure

Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis

16

Cus

tom

er S

cree

ns

Broker Dashboard