barclays home owner’s app –ux prototype · barclays home owner’s app. client: deloitte south...
TRANSCRIPT
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.
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
Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis
3
Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis
4
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
Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis
6
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
Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis
8
Onboarding
Selection
Process Overview Process
Outcomes
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
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
Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis
11
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
Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis
13
Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis
14
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
Tuesday, July 24, 2018© Copyright 2018 – Portfolio of Steven Brewis
16
Cus
tom
er S
cree
ns
Broker Dashboard