SlideShare a Scribd company logo
PORTFOLIO
Adams AbdulmajidFollow on instagram
UI/UX Designer@adams_abdulmajid
ABOUT ME
I am a ui/ux designer with the ambition to change the world by creating solutions that makes the
most difficult things easy. Impacting peoples lives everyday is a feeling that is second to none.
You have not lived until you have done something for someone"
“We are what we repeatedly do. Excellence, then, is not an act, but a habit
- Aristotle
THINGS I DO
Survey &
Interview
WireframingSketching
Information
Architecture
User research
& Analysis
Agile
Methodology
Web & mobile
Design
Persona
Creation
PrototypingStoryboardingDesignThinking
PROJECTS
swipe left
01
SAFEX
DESCRIPTION
ROLE
safeX is a wealth management mobile application integrated with Artificial
Intelligence (AI) to assists millennials in managing their wealth in order to
help plan their current and future needs and goals.
Research
Wireframes
Final ui
DELIVERABLES
Wireframe for customer feedback
High fidelity prototype
SAFEX
PROBLEM STATEMENT
PAIN POINTS
Studies shows that millennials are financially behind because
of certain financial struggles and increasing expenses such as
home price, student loan, car price etc.
Even though they have been increase in wages, this increase
hasn't kept up with inflating living cost.
Difficult saving money.
High cost of living e.g entertainment.
Lack of investment knowledge.
TARGET AUDIENCE
STRATEGY
Millennials with a broad arrays of diverse needs
SAFEX tarts by developing a plan that will maintain
and increase a customer wealth based on that
customer financial situation, goals and comfort level
with risk.
SAFEX
SOLUTION
Based on the pain points I came up with the 'safex'
idea which I feel is ideal to solve the problems by
delivering services such as financial and retirement
planning, investment advice and management etc.
SAFEX
OnbaordingSplash screen
Login home screen
profile screen
voice command
notifications
side menu
add goals
take quick action
find location
settings
get update
get update
and more...
and more...
edit plan delete plan
delete notification
INFORMATION ARCHITECTURE
SAFEX
SAFEX
INFORMATION ARCHITECTURE
SAFEX
WIREFRAMES
SAFEX
WIREFRAMES
SAFEX
FINAL DESIGN
SAFEX
FINAL DESIGN
SAFEX
FINAL DESIGN
DESIGN DECISION RATIONALE
Navigation
Carousel
Cards
Onboarding
Used to provide a clear visual indication of what content can be found on the product
and places the current location in context by highlighting it.
It optimizes screen space by displaying only a subset of images from a collection of
images in a cyclic view. The carousel suggests additional content that is not currently
visible, this encourages the user to continue exploring.
Browsing is a large part of interaction, and users want to be able to quickly scan large
portions of content and decide if they want to see more.
A Walkthrough of your product or service helps inform users about:
What your product can do
If your product is what they’ve been looking for
If your product will help users accomplish their tasks
Whether or not they should join your service or pay for your product
02
MY SWEET HOME
DESCRIPTION
ROLE
PROBLEM
mysweethome is a real estate mobile app that allows users to buy, rent and sell properties.
I design the mobile app, did the user research, testing, wireframing and final design
A lot of people travel each for different reasons and about 70% of these them are travelling
to a country or city they haven't been to
before, therefore they need a safe, nice and reliable place to stay.
This is where mysweethome comes in, to provide people with such needs.
DELIVERABLES
Wireframe for customer feedback
High fidelity prototype
UI assets for developers
MY SWEET HOME
PROCESS
I conducted interviews with alot of people that i believe to be potential users about 70% of them where tourist, worker etc and about 30%
were real estate agents, I ask them several questions to capture their motivations, beliefs, goals, behaviours and their demographic
information
This research was also used to guage the viability of the product in the market by researching about similar successful products ad also
identifying ways in which the value of the product could be increased.
PERSONA SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
After the research i came up with two primary personas, one
representing a tourist and the other represent a real estate agent
PERSONA SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
...then i moved on to sketching where i had about 2-4 options for
each screen
PERSONA SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
...after the sketches are done i started designing a low-fidelity wireframes
which were tested with potential users to get feedback and also to make sure the user needs are being stisfied
PERSONA SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
DESIGN DECISION RATIONALE
Navigation Used to provide a clear visual indication of what content can befound on the product
and places the current location in context by highlighting it.
Carousel It optimizes screen space by displaying only a subset of images from a collection of
images in a cyclic view. The carousel suggests additional content that is not currently
visible, this encourages the user to continue exploring.
Cards Browsing is a large part of interaction, and users want to be able to quickly scan large
portions of content and decide if they want to see more.
Favourite
Accordion
Search filter
Assigning favorite status is a quick way of allowing users to select preferred content from
regular content.
This is used to reduce the cluter on a page so they do not get overwhelmed by the amount
of content on a page
This encourage users to potentially remove what they dont need by giving them several
search options
03
KNOWLEDGE X
DESCRIPTION
ROLE
PROBLEM
KnowledgeX is an intelligent personal assistant mobile app, Students used this app
to review the materials they studied at school and can alsoask it any question to
increase their knowledge base.
ui & ux
Its been known students of all age group learn and understand things in different
ways and at different pace, and to solve this a solution where by students could access
their school materials anytime and anywhere was introduced.
DELIVERABLES
Branding & Mascot design
User journey diagram
High fidelity prototype
UI assets for developers
PERSONA SKETCH
HIGH
WIREFRAME
The persona was created to serve as a fictional character used to represent groups of potential users for the product.
This helped me to fully understand the user needs, experience, goals and motivations
so as to design a better product that is tailored to the specific user needs.
LOW
WIREFRAME
KNOWLEDGE X
FEATURES
PAIN POINTS
Students would be able to log in using their school credentials
It offers the same subjects
Students could chat with it both with voice as well as text.
It has a pronunciation validator to correct the user incase of any grammatical error.
A leaderboard and achievement system to compete with friends and stay motivated.
Students are not giving the opportunity to learn at their own pace
Different people understand things in different ways
The traditional way of learning doesn't fit everyone
KNOWLEDGE X
APP FLOW
FLOW SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
I started created series of sketches just to lay down all my ideas for the product,
these allowed me to know what design style to follow.
SKETCH
HIGH
WIREFRAME
LOW
WIREFRAME
FLOW
PERSONA SKETCH
HIGH
WIREFRAME
LOW
WIREFRAME
PERSONA SKETCH
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
LOW
WIREFRAME
PERSONA SKETCH
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
LOW
WIREFRAME
Cards
Search filter
DESIGN DECISION RATIONALE
Navigation Used to provide a clear visual indication of what content can befound on the product
and places the current location in context by highlighting it.
Carousel It optimizes screen space by displaying only a subset of images from a collection of
images in a cyclic view. The carousel suggests additional content that is not currently
visible, this encourages the user to continue exploring.
Browsing is a large part of interaction, and users want to be able to quickly scan large
portions of content and decide if they want to see more.
This encourage users to potentially remove what they dont need by giving them several
search options
04
CRYPTOLITE
DESCRIPTION
ROLE
OBJECTIVES
Cryptolite is a crypto currency mobile app that provide a simplified and centralized
exchange,and also makes it easy for non-professional traders to understand, follow
and also be able to trade numerous type of cryptocurrencies.
ui & ux
Make a clean, intuitive user interface for non-professional traders to understand.
Provide a platform where traders can buy, sell, exchange and also send coins into
their wallet with top security
DELIVERABLES
Wireframes
High fidelity prototype
UI assets for developers
PERSONA SKETCH
HIGH
WIREFRAME
The persona was created to serve as a fictional character used to represent groups of potential users for the product.
This helped me to fully understand the user needs, experience, goals and motivations
so as to design a better product that is tailored to the specific user needs.
LOW
WIREFRAME
CRYPTOLITE
APP FLOW
CRYPTOLITE
COMPETITIVE
ANALYSIS
FLOW SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
I started created series of sketches just to lay down all my ideas for the product,
these allowed me to know what design style to follow.
SKETCH
HIGH
WIREFRAME
LOW
WIREFRAME
FLOW
PERSONA SKETCH
HIGH
WIREFRAME
LOW
WIREFRAME
PERSONA SKETCH
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
LOW
WIREFRAME
PERSONA SKETCH
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
LOW
WIREFRAME
PERSONA SKETCH
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
LOW
WIREFRAME
PERSONA SKETCH
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
LOW
WIREFRAME
Cards
Search filter
DESIGN DECISION RATIONALE
Navigation Used to provide a clear visual indication of what content can befound on the product
and places the current location in context by highlighting it.
Carousel It optimizes screen space by displaying only a subset of images from a collection of
images in a cyclic view. The carousel suggests additional content that is not currently
visible, this encourages the user to continue exploring.
Browsing is a large part of interaction, and users want to be able to quickly scan large
portions of content and decide if they want to see more.
This encourage users to potentially remove what they dont need by giving them several
search options
05
TRIM BANKING APP
DESCRIPTION
ROLE
PAIN POINTS
Trim is a mobile banking application that offers great banking services to customers
on the go. Banking has never been so much easy, users can make all necessary
transactions such as money transfers, utility bills, online payment etc.
ui & ux
Most banks are inefficient and this leads to decrease in user experience
Security breach has always been an issue when it comes to Digitalization.
Customers all these concern that most of their banks doesn't show enough
transparency which eventually leads to lack of trust.
Customer wants to feel that their needs are being met, so creating a personalized
feature goes a long way in keeping user happy.
DELIVERABLES
High & Low fidelity prototype
UI assets for developers
TRIM BANKING APP
APP FLOW
PERSONA SKETCH
HIGH
WIREFRAME
The persona was created to serve as a fictional character used to represent groups of potential users for the product.
This helped me to fully understand the user needs, experience, goals and motivations
so as to design a better product that is tailored to the specific user needs.
LOW
WIREFRAME
Williams Smith
GOALS
Williams is an investor with lot of properties and share in several
business. Love meeting people, driving luxurious cars.
He loves getting involve by investing in new technology.
Pain points
63 years old
Save enough money
Competing with friends
To be more active
Poor customer experience and lack of choice
Lack of personalization
Absence of Instant Checkout Experiences
Information overload for users
Lack of enough transparency
Investor
London
"To become the best pilot
in the world you need to
study the hardest."
FLOW SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
I started created series of sketches just to lay down all my ideas for the product,
these allowed me to know what design style to follow.
SKETCH
HIGH
WIREFRAME
LOW
WIREFRAME
FLOW
PERSONA SKETCH
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
LOW
WIREFRAME
PERSONA SKETCH
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
LOW
WIREFRAME
DESIGN DECISION RATIONALE
Used to provide a clear visual indication of what content can be found on the product
and places the current location in context by highlighting it.
It optimizes screen space by displaying only a subset of images from a collection of
images in a cyclic view. The carousel suggests additional content that is not currently
visible, this encourages the user to continue exploring.
Browsing is a large part of interaction, and users want to be able to quickly scan large
portions of content and decide if they want to see more.
This encourage users to potentially remove what they dont need by giving them several
search options
A Walkthrough of your product or service helps inform users about:
What your product can do
If your product is what they’ve been looking for
If your product will help users accomplish their tasks
Whether or not they should join your service or pay for your product
Navigation
Carousel
Cards
Search filter
Onbaording
06
PRIVILEE
DESCRIPTION
ROLE
Privilee is a mobile app that gives exclusives access to the UAE best beach club and top
luxury resorts and their lush pools, beaches and gym
UI/UX design, research, testing
DELIVERABLES
Wireframe for customer feedback
High fidelity prototype
UI assets for developers
HOW IT WORKS
You register your with the required information and after 3 days you receive your privilee card
This card gives you free access to beach clubs, pools, gyms, spa facilities and tennis and squash
courts at our partner hotels, seven days a week, all year round.
PRIVILEE
PROCESS
I started by researching, i did user research as well as third party research by using google and other form of social media. I was able to
identify user needs and well as their goals, motivations and behaviours.
I started analysing the user data by identifying the behavioural variables and these was later used to create the persona, and after the
users pain points was known i sketched down my ideas for possible solutions to the problems.
Using design guidelines and ui patterns i was able to chose the most suitbale design solutions which was later transfered into wireframes
for user testing, the feedback i got was the testing was incoporated into the final design.
PERSONA SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
After the research i came up with one primary persona that represent
a typical user of the product
PERSONA SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
...then i moved on to sketching my ideas
PERSONA SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
...then i moved on to creating the wireframes
PERSONA SKETCH
LOW
WIREFRAME
HIGH
WIREFRAME
...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
DESIGN DECISION RATIONALE
Navigation Used to provide a clear visual indication of what content can befound on the product
and places the current location in context by highlighting it.
Cards Browsing is a large part of interaction, and users want to be able to quickly scan large
portions of content and decide if they want to see more.
Accordion
Search filter
This is used to reduce the cluter on a page so they do not get overwhelmed by the amount
of content on a page
This encourage users to potentially remove what they dont need by giving them several
search options
THANK YOU
YOU CAN REACH ME ON
Behance.net/a_majid
Instagram
Adamsmojeed10@gmail.com

More Related Content

What's hot

BASIC UX PRESENTATION
BASIC UX PRESENTATIONBASIC UX PRESENTATION
BASIC UX PRESENTATION
Bella Dwi Jayanti
 
UI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILEUI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILE
Joseph Ssekono
 
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile AppAsap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
ram bal
 
UX & UI Design behind SDL’s Customer Experience Cloud
UX & UI Design behind SDL’s Customer Experience CloudUX & UI Design behind SDL’s Customer Experience Cloud
UX & UI Design behind SDL’s Customer Experience Cloud
Philipp Engel
 
UX Trends 2016
UX Trends 2016UX Trends 2016
UX Trends 2016
Mark N Swaine
 
Google Micromoments Guide to Winning the Shift to Mobile
Google Micromoments Guide to Winning the Shift to MobileGoogle Micromoments Guide to Winning the Shift to Mobile
Google Micromoments Guide to Winning the Shift to Mobile
Bite Sized Media
 
UI Design 101: Day 02 of 07
UI Design 101: Day 02 of 07UI Design 101: Day 02 of 07
UI Design 101: Day 02 of 07
Siegrid Agravante
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile TrendsMark N Swaine
 
UX trends 2016
UX trends 2016UX trends 2016
UX trends 2016
Dian Soraya
 
UI Design, Trends, Patterns and User Experience - Academy of Design
UI Design, Trends, Patterns and User Experience - Academy of DesignUI Design, Trends, Patterns and User Experience - Academy of Design
UI Design, Trends, Patterns and User Experience - Academy of Design
Shiran Sanjeewa
 
Leveraging CX / UX / UI to optimise brand experiences
Leveraging CX / UX / UI to optimise brand experiencesLeveraging CX / UX / UI to optimise brand experiences
Leveraging CX / UX / UI to optimise brand experiences
Melissa Wilfley
 
Chris Risdon - Orchestrating Touchpoints (From Business to Buttons 2014)
Chris Risdon - Orchestrating Touchpoints (From Business to Buttons 2014)Chris Risdon - Orchestrating Touchpoints (From Business to Buttons 2014)
Chris Risdon - Orchestrating Touchpoints (From Business to Buttons 2014)
inUse
 
2016 Mobile Design & UX Trends
2016 Mobile Design & UX Trends2016 Mobile Design & UX Trends
2016 Mobile Design & UX Trends
Miva
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
DMI
 
Ui design
Ui designUi design
Ui design
Bart Van Hecke
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*
Jeremy Johnson
 
What the #$%@ is UX Design?
What the #$%@ is UX Design?What the #$%@ is UX Design?
What the #$%@ is UX Design?
Matthew Magain
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
Adryan Putra
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
Bart Van Hecke
 
Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For Use
Christina Wodtke
 

What's hot (20)

BASIC UX PRESENTATION
BASIC UX PRESENTATIONBASIC UX PRESENTATION
BASIC UX PRESENTATION
 
UI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILEUI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILE
 
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile AppAsap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
 
UX & UI Design behind SDL’s Customer Experience Cloud
UX & UI Design behind SDL’s Customer Experience CloudUX & UI Design behind SDL’s Customer Experience Cloud
UX & UI Design behind SDL’s Customer Experience Cloud
 
UX Trends 2016
UX Trends 2016UX Trends 2016
UX Trends 2016
 
Google Micromoments Guide to Winning the Shift to Mobile
Google Micromoments Guide to Winning the Shift to MobileGoogle Micromoments Guide to Winning the Shift to Mobile
Google Micromoments Guide to Winning the Shift to Mobile
 
UI Design 101: Day 02 of 07
UI Design 101: Day 02 of 07UI Design 101: Day 02 of 07
UI Design 101: Day 02 of 07
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
 
UX trends 2016
UX trends 2016UX trends 2016
UX trends 2016
 
UI Design, Trends, Patterns and User Experience - Academy of Design
UI Design, Trends, Patterns and User Experience - Academy of DesignUI Design, Trends, Patterns and User Experience - Academy of Design
UI Design, Trends, Patterns and User Experience - Academy of Design
 
Leveraging CX / UX / UI to optimise brand experiences
Leveraging CX / UX / UI to optimise brand experiencesLeveraging CX / UX / UI to optimise brand experiences
Leveraging CX / UX / UI to optimise brand experiences
 
Chris Risdon - Orchestrating Touchpoints (From Business to Buttons 2014)
Chris Risdon - Orchestrating Touchpoints (From Business to Buttons 2014)Chris Risdon - Orchestrating Touchpoints (From Business to Buttons 2014)
Chris Risdon - Orchestrating Touchpoints (From Business to Buttons 2014)
 
2016 Mobile Design & UX Trends
2016 Mobile Design & UX Trends2016 Mobile Design & UX Trends
2016 Mobile Design & UX Trends
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
Ui design
Ui designUi design
Ui design
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*
 
What the #$%@ is UX Design?
What the #$%@ is UX Design?What the #$%@ is UX Design?
What the #$%@ is UX Design?
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For Use
 

Similar to My Design Portfolio

Ux design process
Ux design processUx design process
Ux design process
Prateek Agrawal
 
Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design Lab
iFactory
 
An introduction to user experience design
An introduction to user experience designAn introduction to user experience design
An introduction to user experience designElena Donets
 
UI/UX by Meraki Design
UI/UX by Meraki DesignUI/UX by Meraki Design
UI/UX by Meraki Design
sheetalelango
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
Tunde Ojediran
 
UXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedUXBASIS – Getting UX integrated
UXBASIS – Getting UX integrated
James Kelway
 
Kelli Vanover Portfolio
Kelli Vanover PortfolioKelli Vanover Portfolio
Kelli Vanover Portfolio
Kelli Nichole Vanover
 
What the Hell is UX Strategy_Jaime Levy_2016
What the Hell is UX Strategy_Jaime Levy_2016What the Hell is UX Strategy_Jaime Levy_2016
What the Hell is UX Strategy_Jaime Levy_2016
UX Strategy Chicago
 
Portfolio_Kelli Vanover
Portfolio_Kelli VanoverPortfolio_Kelli Vanover
Portfolio_Kelli Vanover
Kelli Nichole Vanover
 
Brainberry Agency Presentation
Brainberry Agency PresentationBrainberry Agency Presentation
Brainberry Agency PresentationBrainberry
 
Users First: UX Basics for Websites that Serve People (staff presentation at ...
Users First: UX Basics for Websites that Serve People (staff presentation at ...Users First: UX Basics for Websites that Serve People (staff presentation at ...
Users First: UX Basics for Websites that Serve People (staff presentation at ...
Melissa Van De Werfhorst
 
Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio
Carolyn Jao
 
Creating value with UXBASIS - Copenhagen Business School
Creating value with UXBASIS - Copenhagen Business SchoolCreating value with UXBASIS - Copenhagen Business School
Creating value with UXBASIS - Copenhagen Business School
James Kelway
 
UX is for Losers
UX is for LosersUX is for Losers
UX is for Losers
Federico Pizzutto
 
Portfolio bahtiyar
Portfolio bahtiyarPortfolio bahtiyar
Portfolio bahtiyar
Bahtiyar Ahmatjan
 
Designing user experience (ux) for digital products
Designing user experience (ux) for digital productsDesigning user experience (ux) for digital products
Designing user experience (ux) for digital products
Vijay Morampudi
 
Building a viral mobile application for your startup
Building a viral mobile application for your startupBuilding a viral mobile application for your startup
Building a viral mobile application for your startup
Caleb Yang
 
Work samples haijing
Work samples haijingWork samples haijing
Work samples haijing
Zhang Haijing
 
Building Mobile Creatives that Deliver Real Results
Building Mobile Creatives that Deliver Real ResultsBuilding Mobile Creatives that Deliver Real Results
Building Mobile Creatives that Deliver Real Results
InMobi
 
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS? LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
Kathleen Milbier
 

Similar to My Design Portfolio (20)

Ux design process
Ux design processUx design process
Ux design process
 
Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design Lab
 
An introduction to user experience design
An introduction to user experience designAn introduction to user experience design
An introduction to user experience design
 
UI/UX by Meraki Design
UI/UX by Meraki DesignUI/UX by Meraki Design
UI/UX by Meraki Design
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
UXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedUXBASIS – Getting UX integrated
UXBASIS – Getting UX integrated
 
Kelli Vanover Portfolio
Kelli Vanover PortfolioKelli Vanover Portfolio
Kelli Vanover Portfolio
 
What the Hell is UX Strategy_Jaime Levy_2016
What the Hell is UX Strategy_Jaime Levy_2016What the Hell is UX Strategy_Jaime Levy_2016
What the Hell is UX Strategy_Jaime Levy_2016
 
Portfolio_Kelli Vanover
Portfolio_Kelli VanoverPortfolio_Kelli Vanover
Portfolio_Kelli Vanover
 
Brainberry Agency Presentation
Brainberry Agency PresentationBrainberry Agency Presentation
Brainberry Agency Presentation
 
Users First: UX Basics for Websites that Serve People (staff presentation at ...
Users First: UX Basics for Websites that Serve People (staff presentation at ...Users First: UX Basics for Websites that Serve People (staff presentation at ...
Users First: UX Basics for Websites that Serve People (staff presentation at ...
 
Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio
 
Creating value with UXBASIS - Copenhagen Business School
Creating value with UXBASIS - Copenhagen Business SchoolCreating value with UXBASIS - Copenhagen Business School
Creating value with UXBASIS - Copenhagen Business School
 
UX is for Losers
UX is for LosersUX is for Losers
UX is for Losers
 
Portfolio bahtiyar
Portfolio bahtiyarPortfolio bahtiyar
Portfolio bahtiyar
 
Designing user experience (ux) for digital products
Designing user experience (ux) for digital productsDesigning user experience (ux) for digital products
Designing user experience (ux) for digital products
 
Building a viral mobile application for your startup
Building a viral mobile application for your startupBuilding a viral mobile application for your startup
Building a viral mobile application for your startup
 
Work samples haijing
Work samples haijingWork samples haijing
Work samples haijing
 
Building Mobile Creatives that Deliver Real Results
Building Mobile Creatives that Deliver Real ResultsBuilding Mobile Creatives that Deliver Real Results
Building Mobile Creatives that Deliver Real Results
 
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS? LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
LOOKING FOR A UX DESIGNER? BUT STILL WONDERING WHAT UX IS?
 

Recently uploaded

Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
fastfixgaragedoor
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
TeeFusion
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
Alvis Oh
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 

Recently uploaded (20)

Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 

My Design Portfolio

  • 1. PORTFOLIO Adams AbdulmajidFollow on instagram UI/UX Designer@adams_abdulmajid
  • 2. ABOUT ME I am a ui/ux designer with the ambition to change the world by creating solutions that makes the most difficult things easy. Impacting peoples lives everyday is a feeling that is second to none. You have not lived until you have done something for someone" “We are what we repeatedly do. Excellence, then, is not an act, but a habit - Aristotle
  • 3. THINGS I DO Survey & Interview WireframingSketching Information Architecture User research & Analysis Agile Methodology Web & mobile Design Persona Creation PrototypingStoryboardingDesignThinking
  • 5. 01 SAFEX DESCRIPTION ROLE safeX is a wealth management mobile application integrated with Artificial Intelligence (AI) to assists millennials in managing their wealth in order to help plan their current and future needs and goals. Research Wireframes Final ui DELIVERABLES Wireframe for customer feedback High fidelity prototype
  • 6. SAFEX PROBLEM STATEMENT PAIN POINTS Studies shows that millennials are financially behind because of certain financial struggles and increasing expenses such as home price, student loan, car price etc. Even though they have been increase in wages, this increase hasn't kept up with inflating living cost. Difficult saving money. High cost of living e.g entertainment. Lack of investment knowledge.
  • 7. TARGET AUDIENCE STRATEGY Millennials with a broad arrays of diverse needs SAFEX tarts by developing a plan that will maintain and increase a customer wealth based on that customer financial situation, goals and comfort level with risk. SAFEX
  • 8. SOLUTION Based on the pain points I came up with the 'safex' idea which I feel is ideal to solve the problems by delivering services such as financial and retirement planning, investment advice and management etc. SAFEX
  • 9. OnbaordingSplash screen Login home screen profile screen voice command notifications side menu add goals take quick action find location settings get update get update and more... and more... edit plan delete plan delete notification INFORMATION ARCHITECTURE SAFEX
  • 16. DESIGN DECISION RATIONALE Navigation Carousel Cards Onboarding Used to provide a clear visual indication of what content can be found on the product and places the current location in context by highlighting it. It optimizes screen space by displaying only a subset of images from a collection of images in a cyclic view. The carousel suggests additional content that is not currently visible, this encourages the user to continue exploring. Browsing is a large part of interaction, and users want to be able to quickly scan large portions of content and decide if they want to see more. A Walkthrough of your product or service helps inform users about: What your product can do If your product is what they’ve been looking for If your product will help users accomplish their tasks Whether or not they should join your service or pay for your product
  • 17. 02 MY SWEET HOME DESCRIPTION ROLE PROBLEM mysweethome is a real estate mobile app that allows users to buy, rent and sell properties. I design the mobile app, did the user research, testing, wireframing and final design A lot of people travel each for different reasons and about 70% of these them are travelling to a country or city they haven't been to before, therefore they need a safe, nice and reliable place to stay. This is where mysweethome comes in, to provide people with such needs. DELIVERABLES Wireframe for customer feedback High fidelity prototype UI assets for developers
  • 18. MY SWEET HOME PROCESS I conducted interviews with alot of people that i believe to be potential users about 70% of them where tourist, worker etc and about 30% were real estate agents, I ask them several questions to capture their motivations, beliefs, goals, behaviours and their demographic information This research was also used to guage the viability of the product in the market by researching about similar successful products ad also identifying ways in which the value of the product could be increased.
  • 19. PERSONA SKETCH LOW WIREFRAME HIGH WIREFRAME After the research i came up with two primary personas, one representing a tourist and the other represent a real estate agent
  • 20. PERSONA SKETCH LOW WIREFRAME HIGH WIREFRAME ...then i moved on to sketching where i had about 2-4 options for each screen
  • 21. PERSONA SKETCH LOW WIREFRAME HIGH WIREFRAME ...after the sketches are done i started designing a low-fidelity wireframes which were tested with potential users to get feedback and also to make sure the user needs are being stisfied
  • 22. PERSONA SKETCH LOW WIREFRAME HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
  • 23. DESIGN DECISION RATIONALE Navigation Used to provide a clear visual indication of what content can befound on the product and places the current location in context by highlighting it. Carousel It optimizes screen space by displaying only a subset of images from a collection of images in a cyclic view. The carousel suggests additional content that is not currently visible, this encourages the user to continue exploring. Cards Browsing is a large part of interaction, and users want to be able to quickly scan large portions of content and decide if they want to see more. Favourite Accordion Search filter Assigning favorite status is a quick way of allowing users to select preferred content from regular content. This is used to reduce the cluter on a page so they do not get overwhelmed by the amount of content on a page This encourage users to potentially remove what they dont need by giving them several search options
  • 24. 03 KNOWLEDGE X DESCRIPTION ROLE PROBLEM KnowledgeX is an intelligent personal assistant mobile app, Students used this app to review the materials they studied at school and can alsoask it any question to increase their knowledge base. ui & ux Its been known students of all age group learn and understand things in different ways and at different pace, and to solve this a solution where by students could access their school materials anytime and anywhere was introduced. DELIVERABLES Branding & Mascot design User journey diagram High fidelity prototype UI assets for developers
  • 25. PERSONA SKETCH HIGH WIREFRAME The persona was created to serve as a fictional character used to represent groups of potential users for the product. This helped me to fully understand the user needs, experience, goals and motivations so as to design a better product that is tailored to the specific user needs. LOW WIREFRAME
  • 26. KNOWLEDGE X FEATURES PAIN POINTS Students would be able to log in using their school credentials It offers the same subjects Students could chat with it both with voice as well as text. It has a pronunciation validator to correct the user incase of any grammatical error. A leaderboard and achievement system to compete with friends and stay motivated. Students are not giving the opportunity to learn at their own pace Different people understand things in different ways The traditional way of learning doesn't fit everyone
  • 28. FLOW SKETCH LOW WIREFRAME HIGH WIREFRAME I started created series of sketches just to lay down all my ideas for the product, these allowed me to know what design style to follow.
  • 31. PERSONA SKETCH HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc LOW WIREFRAME
  • 32. PERSONA SKETCH HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc LOW WIREFRAME
  • 33. Cards Search filter DESIGN DECISION RATIONALE Navigation Used to provide a clear visual indication of what content can befound on the product and places the current location in context by highlighting it. Carousel It optimizes screen space by displaying only a subset of images from a collection of images in a cyclic view. The carousel suggests additional content that is not currently visible, this encourages the user to continue exploring. Browsing is a large part of interaction, and users want to be able to quickly scan large portions of content and decide if they want to see more. This encourage users to potentially remove what they dont need by giving them several search options
  • 34. 04 CRYPTOLITE DESCRIPTION ROLE OBJECTIVES Cryptolite is a crypto currency mobile app that provide a simplified and centralized exchange,and also makes it easy for non-professional traders to understand, follow and also be able to trade numerous type of cryptocurrencies. ui & ux Make a clean, intuitive user interface for non-professional traders to understand. Provide a platform where traders can buy, sell, exchange and also send coins into their wallet with top security DELIVERABLES Wireframes High fidelity prototype UI assets for developers
  • 35. PERSONA SKETCH HIGH WIREFRAME The persona was created to serve as a fictional character used to represent groups of potential users for the product. This helped me to fully understand the user needs, experience, goals and motivations so as to design a better product that is tailored to the specific user needs. LOW WIREFRAME
  • 38. FLOW SKETCH LOW WIREFRAME HIGH WIREFRAME I started created series of sketches just to lay down all my ideas for the product, these allowed me to know what design style to follow.
  • 41. PERSONA SKETCH HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc LOW WIREFRAME
  • 42. PERSONA SKETCH HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc LOW WIREFRAME
  • 43. PERSONA SKETCH HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc LOW WIREFRAME
  • 44. PERSONA SKETCH HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc LOW WIREFRAME
  • 45. Cards Search filter DESIGN DECISION RATIONALE Navigation Used to provide a clear visual indication of what content can befound on the product and places the current location in context by highlighting it. Carousel It optimizes screen space by displaying only a subset of images from a collection of images in a cyclic view. The carousel suggests additional content that is not currently visible, this encourages the user to continue exploring. Browsing is a large part of interaction, and users want to be able to quickly scan large portions of content and decide if they want to see more. This encourage users to potentially remove what they dont need by giving them several search options
  • 46. 05 TRIM BANKING APP DESCRIPTION ROLE PAIN POINTS Trim is a mobile banking application that offers great banking services to customers on the go. Banking has never been so much easy, users can make all necessary transactions such as money transfers, utility bills, online payment etc. ui & ux Most banks are inefficient and this leads to decrease in user experience Security breach has always been an issue when it comes to Digitalization. Customers all these concern that most of their banks doesn't show enough transparency which eventually leads to lack of trust. Customer wants to feel that their needs are being met, so creating a personalized feature goes a long way in keeping user happy. DELIVERABLES High & Low fidelity prototype UI assets for developers
  • 48. PERSONA SKETCH HIGH WIREFRAME The persona was created to serve as a fictional character used to represent groups of potential users for the product. This helped me to fully understand the user needs, experience, goals and motivations so as to design a better product that is tailored to the specific user needs. LOW WIREFRAME Williams Smith GOALS Williams is an investor with lot of properties and share in several business. Love meeting people, driving luxurious cars. He loves getting involve by investing in new technology. Pain points 63 years old Save enough money Competing with friends To be more active Poor customer experience and lack of choice Lack of personalization Absence of Instant Checkout Experiences Information overload for users Lack of enough transparency Investor London "To become the best pilot in the world you need to study the hardest."
  • 49. FLOW SKETCH LOW WIREFRAME HIGH WIREFRAME I started created series of sketches just to lay down all my ideas for the product, these allowed me to know what design style to follow.
  • 51. PERSONA SKETCH HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc LOW WIREFRAME
  • 52. PERSONA SKETCH HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc LOW WIREFRAME
  • 53. DESIGN DECISION RATIONALE Used to provide a clear visual indication of what content can be found on the product and places the current location in context by highlighting it. It optimizes screen space by displaying only a subset of images from a collection of images in a cyclic view. The carousel suggests additional content that is not currently visible, this encourages the user to continue exploring. Browsing is a large part of interaction, and users want to be able to quickly scan large portions of content and decide if they want to see more. This encourage users to potentially remove what they dont need by giving them several search options A Walkthrough of your product or service helps inform users about: What your product can do If your product is what they’ve been looking for If your product will help users accomplish their tasks Whether or not they should join your service or pay for your product Navigation Carousel Cards Search filter Onbaording
  • 54. 06 PRIVILEE DESCRIPTION ROLE Privilee is a mobile app that gives exclusives access to the UAE best beach club and top luxury resorts and their lush pools, beaches and gym UI/UX design, research, testing DELIVERABLES Wireframe for customer feedback High fidelity prototype UI assets for developers HOW IT WORKS You register your with the required information and after 3 days you receive your privilee card This card gives you free access to beach clubs, pools, gyms, spa facilities and tennis and squash courts at our partner hotels, seven days a week, all year round.
  • 55. PRIVILEE PROCESS I started by researching, i did user research as well as third party research by using google and other form of social media. I was able to identify user needs and well as their goals, motivations and behaviours. I started analysing the user data by identifying the behavioural variables and these was later used to create the persona, and after the users pain points was known i sketched down my ideas for possible solutions to the problems. Using design guidelines and ui patterns i was able to chose the most suitbale design solutions which was later transfered into wireframes for user testing, the feedback i got was the testing was incoporated into the final design.
  • 56. PERSONA SKETCH LOW WIREFRAME HIGH WIREFRAME After the research i came up with one primary persona that represent a typical user of the product
  • 58. PERSONA SKETCH LOW WIREFRAME HIGH WIREFRAME ...then i moved on to creating the wireframes
  • 59. PERSONA SKETCH LOW WIREFRAME HIGH WIREFRAME ...then finally the high fidelity wireframes that shows my design decisions, colors, typography etc
  • 60. DESIGN DECISION RATIONALE Navigation Used to provide a clear visual indication of what content can befound on the product and places the current location in context by highlighting it. Cards Browsing is a large part of interaction, and users want to be able to quickly scan large portions of content and decide if they want to see more. Accordion Search filter This is used to reduce the cluter on a page so they do not get overwhelmed by the amount of content on a page This encourage users to potentially remove what they dont need by giving them several search options
  • 61. THANK YOU YOU CAN REACH ME ON Behance.net/a_majid Instagram Adamsmojeed10@gmail.com