SlideShare uma empresa Scribd logo
1 de 52
Baixar para ler offline
User 360
SOLVING PROBLEMS THROUGH DESIGN THINKING
Please note that this is just sample work with limited projects.
We will be happy to walk you through all UX & UI Projects in details.
01
AFG Materassi
Brief
• User Centred Design Approach
• Compe55ve Analysis
• Sketch App
• Invision
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Methods/Tools
AFG Materassi is a manufacturer of MaAresses based in
Italy. They have an online store for selling different type
of maAresses. However, they wanted to create landing
page for each of their maAresses to get more sales.
Their objec5ve was to create a marke5ng campaign for
all these products using google Adwords & Facebook ad
and aimed to get maximum sales and inquery leads.
• Design product landing page to achieve sales and
inquiries
• Define informa5on architecture to design seamless
purchase journey
• Paper Sketches
• Informa5on Architecture
• Wireframes & Prototype
1 UX Designer & 22 Hours.
I was working alone on this project and solely
responsible for the en5re project aimed to design
seamless purcharse journey from skretch that includes
user experience strategy, research, informa5on
architecture and wireframes.
01
AFG Materassi /
Information Architecture
01
AFG Materassi /
Wireframes
07 02
SCREENS ITERATIONS
22
HOURS WORK
Wireframe UI Design
Homepage
01
AFG Materassi /
Wireframes
07 02
SCREENS ITERATIONS
22
HOURS WORK
Wireframe UI Design
Cart
01
AFG Materassi /
Wireframes
07 02
SCREENS ITERATIONS
22
HOURS WORK
Wireframe UI Design
Address Details
01
AFG Materassi /
Wireframes
07 02
SCREENS ITERATIONS
22
HOURS WORK
Wireframe UI Design
Order Confirmation
01
AFG Materassi /
Wireframes
07 02
SCREENS ITERATIONS
22
HOURS WORK
Wireframe UI Design
Payment
Baliwarp is a pla*orm to browse events nearby loca4on
specifically in Bali City, Indonesia. One can browse or
search various types of events by music, fes4val, sports
and many other op4ons. Moreover, one should browse
events by his or her preferences. This project was to
redesign the en4re experience for mobile website.
02
Baliwarp
Brief
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Methods / Tools
• Compe44ve Analysis
• Mood Board
• Sketch App & Invision
• Persona
• Informa4on Architecture
• Moodboard presenta4on
• Paper Sketches, Wireframes & Prototype
• Business objec4ve of this project is to allow users to
explore, browse & join events based on their personal
preferences
• As a limited real state of mobile screen, we need to
design solu4on such that user could easily navigate &
iden4fy interes4ng events and join the same
Total 5 : 1 UX Designer, 1 UI Designer,
3 Developers. 42 Hours for UX services.
I was working with the development team to redefined
en4re user experience of mobile experience. My role
was to define UX Strategy, Design Informa4on
Architecture and Wireframes as a proposed solu4on.
02
Baliwarp /
Moodboard
02
Baliwarp /
Information Architecture
Information Architecture
02
Baliwarp /
Wireframes
12 03
SCREENS ITERATIONS
42
HOURS WORK
MenuHOMEPAGE Filters
02
Baliwarp /
Wireframes
12 03
SCREENS ITERATIONS
42
HOURS WORK
Events For YouSearch Event Sign Up
03
Mantra Dive & Sail
Brief
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Methods / Tools
Mantra Dive & Sail provides private charter boat trips
around Indonesia. User can not only explore trips but
also book a trip. The website has massive bounce rate
and low conversion rate for online trip booking and
Inquiring for the trip.
• IdenCfy issues of exisCng trip booking journey
• Enhance booking conversion and number of inquiries
• Hotjar Video QualCaCve Analysis
• Heatmap Analysis
• Clickmap Analysis
• Review of Google AnalyCcs
• Usability Audit of Journies
• Sketch App & Invision
• QualitaCve Analysis of Hotjar Videos
• Paper Sketches, Wireframes, Prototype
• Usability Audit Report1 UX Designer & 30 Hours.
I was solely responsible for this enCre project execuCon.
I was responsible for user experience strategy & data
driven design soluCon.
03
Mantra Dive & Sail /
Expert Review
03
Mantra Dive & Sail /
Expert Review
03
Mantra Dive & Sail /
Solution for Trip Listing Page
Proposed SolutionBefore
03
Mantra Dive & Sail /
Solution for Trip Detailed Page
Proposed SolutionBefore
04
SEC Battery
Brief
• User Centred Design Apporach
• Google Analy7cs
• Sketch App
• Invision
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Methods / Tools
SEC Ba>ery manufactures ba>eries for various
industries such as Railways, Marine, Airport, Automo7ve,
and Telecom. Their main objec7ve to expand their
interna7onal B2B network and globalisa7on of the
company through partnership in various countries. They
had old website which was technology driven and had
less B2B inquiry conversion rate.
• Increase B2B inquiry
• Fix usabili7es issues
• Design impressive website for providing informa7on
on ba>eries
• Informa7on Architecture
• Customer Journey Map
• Paper Sketches, Wireframes, Prototype
Total 6 : 2 UX Designer, 1 UI Designer,
2 Developers & 1 Copy Wri>er. 44 Hours for UX
services.
I am completely resonsible for providing UX Services
that includes designing scalable architecture, iden7fying
issues with their old design, new design solu7on in form
of wireframes.
04
SEC Battery /
Information Architecture
Information Architecture
04
SEC Battery /
Design Solution
Homepage
Wireframe UI Design
16 02
SCREENS ITERATIONS
44
HOURS WORK
04
SEC Battery /
Design Solution
Batteries by Application
Wireframe UI Design
16 02
SCREENS ITERATIONS
44
HOURS WORK
04
SEC Battery /
Design Solution
Company Profile
Wireframe UI Design
16 02
SCREENS ITERATIONS
44
HOURS WORK
04
SEC Battery /
Design Solution
Partner Network
Wireframe UI Design
16 02
SCREENS ITERATIONS
44
HOURS WORK
04
SEC Battery /
Design Solution
Career
Wireframe UI Design
16 02
SCREENS ITERATIONS
44
HOURS WORK
05
• User Centred Design Apporach
• Axure
• Sketch App
• Invision
Viral Octopus
Brief
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Methods / Tools
Viral Octopos allows customers to buy or subscribe gigs
(micro services) of eCommerce domains that ranges
from business services to design services. It also offers
primium services such as Talk to Expert, Custom Project
and Research Project. The project aimed to design a
soluLon from sktrech following user centred design
approach.
• Sell gigs & premium services such as custom project,
Research project & Talk to Expert.
• Define scalable design soluLon for this complex
project
• As product is a new concept, user should be able to
understand the product and easily able to idenLfy
what is in for them.
• InformaLon Architecture
• Paper Sketches, Wireframes, Prototype
Total 6 : 1 UX Designer, 1 UI Designer,
3 Developers & 1 Copy WriUer. 63 Hours for UX services.
I was solely working on this project. I was responsible to
define scalable InformaLon Architecture and propose
design soluLon (i.e. wireframes) that matches prospect
user’s needs and business objecLves.
Information Architecture
05
Viral Octopus
05
Viral Octopus
Homepage Gig Listing
32 02
SCREENS ITERATIONS
63
HOURS WORK
05
Viral Octopus
Gig Detailed Custom Project
32 02
SCREENS ITERATIONS
63
HOURS WORK
05
Viral Octopus
Our Approach eCommerce Tips
32 02
SCREENS ITERATIONS
63
HOURS WORK
06
Flipkart Seller App
Brief
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Methods / Tools
Flipkart is india’s biggest start up aimed to design an app
for local sellers in India in India. Store provides clothes,
accessories, toys and exclusive products. The major
hurdle for them to start with such an app is lack of
confidence whether local sellers would be able to use
this app to upload their products. It requires to idenCfy
insights into their current framework, their needs,
constraints and preferences.
• Provide insights into exisCng system of sellers
• Sellers problem areas, inhibiCons and concerns with
the proposed app
• Constraints in their line of business, using an online
system and from any other technical/social/ physical
perspecCve
• Ethnography
• Interviews
• Empathic Design Approach
• Sketch App
• QuesConnaire & ObservaCon Sheet
• Paper Sketches
• Wireframes
• Persona
• Detailed reports preseCng study details
and finidngs
1 UX Designer & 27 Hours.
I was working alone on this project and solely
responsible for the enCre project that includes user
experience strategy, execuCon of the study, analysis of
data and producing all major deliverables and presenCng
these to the client.
06
Flipkart Seller App /
Deliverables
Study Plan
Persona
Paper Sketches
06
Flipkart Seller App /
Key Inisights
Insights from existing system of
sellers.
Seller’s Problem Area & Concerns
Constrain in their line of business
• Image capturing and wri1ng might be the most
difficult tasks to perform by seller by knowing their
limita1on of skills.
• Social responsibility at store for customer support
would be a barrier to do online store ac1vity.
• Some of the stores have space limita1on. In this case,
it would be a challenge to set up a photography desk.
• Higher resolu1on mobile camera would be another
constraint to capture good quality product images.
• Main ac1vi1es of sellers include help customers,
arranging products and stock maintenance.
• Most of the visitors visit either in weekends or on
fes1val 1me. They have free 1me in weekdays such
that they could u1lize this 1ming for selling online
their products.
• It is always uncertain that when a customer would
visit the store. Thus, they have to be ready any1me
customer visits the store.
• Though their educa1on is below 12th standard, they
are quite familiar with computerized billing using
barcode scanner and payment through credit or
debit card. Moreover, they use smart phone and
various apps.
• Sellers are good at speaking in English. However, due
to low educa1on, it might be difficult for them write
in English language.
• Sellers are familiar with smartphone and apps.
However, it would be a challenge for them to
capture images with clarity and good background.
• As they could not predict the customer flow on their
physical store, they might be more chances of
interrup1on while doing ac1vity on online store such
as lis1ng product, order management and shipping.
• One of the major challenges is shipping. Since they
have be at store 1ll 9 or 9:30 PM.
06
Flipkart Seller App /
Wireframes
Add New Product
Add Product
1
2
3
4
1. Last Saved Feature: It is always uncertain that when a
customer would visit the store. Thus, they have to be
ready anyBme customer visits the store. So, even if
customer visits while uploading product, seller need not
have to worry about data that is already added.
2. As we are aware that there might be physical
constraints or mobile camera limitaBon, it we product a
camera tool that helps them to capture images with good
visibility then it would be increase their confidence on
product image quality and it would definitely have effect
on selling.
3. Product Name SuggesBons: As sellers might not be
effecBve in wriBng a product name, we could suggest
names based on keywords they type in Enter Product
Name field.
4. Auto & Editable Product DescripBon: As sellers might
not be effecBve in wriBng product descripBon, we could
suggest product descripBon based on product category
and sub-category. It would not only help them to reduce
Bme for adding product, but also facilitatesthem to add
products regardless their wriBng skills.
07
Local Jini
Brief
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Archievement
Methods / ToolsLocal Jini is a startup based in Mumbai. The plaform
provides opportunity for mainly students and working
professionals to explore classes online and offline in a
par?cular area. Moreover, it gives also opportunity to
connect with a personal tutor. The biggest challange
they faced was less conversion rate, 0.2% only. Thus,
they wanted to iden?fy the problems with the design
and revemp design from sktrech.
• Conduct UX audit of exis?ng website and Iden?fy
usability issues
• Improve conversion rate by desinging user friendly
solu?on that matches user’s requirements and
business objec?ves
• Usability Review by Expert
• Review of Google Analy?cs
• Sketch App
• Informa?on Architecture
• Paper Sketches
• Wireframes
• UI Design
Total : 2, 1 UX Designer & 1 UI Designer.
69 Hours for UI/UX.
In first month, they got 2.1% Conversion Rate from 0.2%
of old design.
I was working on this project with one UI designer. I was
the spoke and responsible for the en?re project
execu?on. I was maily responsible for UX Research &
Design that includes UX audit, project planning, user
experience strategy, wireframing and client
communica?on.
07
Local Jini /
Information Architecture
HOMEPAGE
07 19 03
Local Jini /
Wireframes
COURSES DETAILED PAGE
SCREENS ITERATIONS
32
HOURS WORK
07
Local Jini
BEFORE AFTER
08
Ketto
Brief
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Methods / Tools
Ke#o is India’s biggest crowd fundraising pla7orm that
allows individuals and NGOs to raise funds for causes
and technology innova?on. The pla7orm is struggling at
two journies namely Create a campaign with the
conversion rate of 0.80% only and Contribute Now (i.e.
Checkout) journey with 67% of drop off.
• Iden?fy issues of exis?ng journies namely create
campaign and Contribute Now (i.e. Checkout)
• Provide design solu?on to improve conversion rate
for create campaign journey
• Provide design solu?on to decrease drop off of
Contribute Now Journey
• Hotjar Video Qual?a?ve Analysis
• Review of Google Analy?cs
• Usability Audit of journies
• Usability Tes?ng
• Sketch App & Invision
• Qualita?ve Analysis of Hotjar Videos
• Design moodboard
• Paper Sketches, Wireframes, Prototype
• Usability Audit Report
1 UX Designer & 42 Hours.
I was solely responsible for this en?re project execu?on.
I was responsible for user experience strategy, usability
audit of exis?ng journeies, providing design solu?ons,
and clent communica?on.
08
Ketto /
Hotjar Analysis & Moodboard
Moodboard
Hotjar Video Analysis
08
Ketto /
Wireframes (Desktop)
Checkout Journey
14 03
SCREENS ITERATIONS
18
HOURS WORK
08
Ketto /
Wireframes (Mobile)
Create a Campaign JourneyCheckout Journey
14 02
SCREENS ITERATIONS
13
HOURS WORK
08
Ketto
BEFORE AFTER
08
Ketto
BEFORE AFTER
09
Passport Guru
Brief
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Methods / Tools
Passport Guru is a start up which aims to resolve
passport related queries in India. Most of the passport
applicants face issue when they apply for the passport.
A government website is available. However, in most of
the queries, people do suffer a lot to idenAfy the way to
resolve. This plaCorm aims to resolve issues of passport
applicants and make them happy.
• It has been idenAfied from the ground research that
people are facing troble for geGng their passport.
Thus, we have to design a soluAon such that it
resolves their queries through expert guidance.
• User Centred Design Apporach
• Sketch App
• Paper Sketches, Wireframes, Prototype
• Visual Design
1 UX Designer & 1 UI Designer & 27 Hous.
I need to work closely with the CEO to design soluAon
for Passport Guru. I was responsible to define design
strategy, project planning, design soluAon and digital
markeAng.
09
Passport Guru
Homepage
Wireframe UI Design
08 03
SCREENS ITERATIONS
27
HOURS WORK
09
Passport Guru
Book A Slot
Wireframe UI Design
08 03
SCREENS ITERATIONS
27
HOURS WORK
10
Digibank
Brief
Objetives / Challenges
My Role
Team Size & Time Spent
Deliverables
Methods/Tools
Digibank is a mobile wallet launched in India. It is a
product of DBS bank based in Singapore. It provides
facility to transfer money, recharges, pay bill and many
more. They asked us to perform Usability Audit by
perfoming UX Expert Review of the app.
• IdenFfy usability issues of Digibank
• Provide recommendaFon to fix usability issues
• UX Expert Review
• Detailed report of UX Review
1 UX Designer & 9 Hours
I was solely working on this project. I need to idenFfy
usability issues with the app and recommend changes
based on findings.
10
Digibank
UX Review
14 09
Issues
Identified
Hours Work
07
Recommendations
10
Digibank
UX Review
14 09 07
Issues
Identified
Hours Work Recommendations
10
Digibank
Recommendations
14 09
Issues
Identified
Hours Work
07
Recommendations
Thank You

Mais conteúdo relacionado

Último

Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 

Último (18)

Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 

UX & UI Portfolio - User360 - 10 Projects

  • 1. User 360 SOLVING PROBLEMS THROUGH DESIGN THINKING Please note that this is just sample work with limited projects. We will be happy to walk you through all UX & UI Projects in details.
  • 2. 01 AFG Materassi Brief • User Centred Design Approach • Compe55ve Analysis • Sketch App • Invision Objetives / Challenges My Role Team Size & Time Spent Deliverables Methods/Tools AFG Materassi is a manufacturer of MaAresses based in Italy. They have an online store for selling different type of maAresses. However, they wanted to create landing page for each of their maAresses to get more sales. Their objec5ve was to create a marke5ng campaign for all these products using google Adwords & Facebook ad and aimed to get maximum sales and inquery leads. • Design product landing page to achieve sales and inquiries • Define informa5on architecture to design seamless purchase journey • Paper Sketches • Informa5on Architecture • Wireframes & Prototype 1 UX Designer & 22 Hours. I was working alone on this project and solely responsible for the en5re project aimed to design seamless purcharse journey from skretch that includes user experience strategy, research, informa5on architecture and wireframes.
  • 4. 01 AFG Materassi / Wireframes 07 02 SCREENS ITERATIONS 22 HOURS WORK Wireframe UI Design Homepage
  • 5. 01 AFG Materassi / Wireframes 07 02 SCREENS ITERATIONS 22 HOURS WORK Wireframe UI Design Cart
  • 6. 01 AFG Materassi / Wireframes 07 02 SCREENS ITERATIONS 22 HOURS WORK Wireframe UI Design Address Details
  • 7. 01 AFG Materassi / Wireframes 07 02 SCREENS ITERATIONS 22 HOURS WORK Wireframe UI Design Order Confirmation
  • 8. 01 AFG Materassi / Wireframes 07 02 SCREENS ITERATIONS 22 HOURS WORK Wireframe UI Design Payment
  • 9. Baliwarp is a pla*orm to browse events nearby loca4on specifically in Bali City, Indonesia. One can browse or search various types of events by music, fes4val, sports and many other op4ons. Moreover, one should browse events by his or her preferences. This project was to redesign the en4re experience for mobile website. 02 Baliwarp Brief Objetives / Challenges My Role Team Size & Time Spent Deliverables Methods / Tools • Compe44ve Analysis • Mood Board • Sketch App & Invision • Persona • Informa4on Architecture • Moodboard presenta4on • Paper Sketches, Wireframes & Prototype • Business objec4ve of this project is to allow users to explore, browse & join events based on their personal preferences • As a limited real state of mobile screen, we need to design solu4on such that user could easily navigate & iden4fy interes4ng events and join the same Total 5 : 1 UX Designer, 1 UI Designer, 3 Developers. 42 Hours for UX services. I was working with the development team to redefined en4re user experience of mobile experience. My role was to define UX Strategy, Design Informa4on Architecture and Wireframes as a proposed solu4on.
  • 12. 02 Baliwarp / Wireframes 12 03 SCREENS ITERATIONS 42 HOURS WORK MenuHOMEPAGE Filters
  • 13. 02 Baliwarp / Wireframes 12 03 SCREENS ITERATIONS 42 HOURS WORK Events For YouSearch Event Sign Up
  • 14. 03 Mantra Dive & Sail Brief Objetives / Challenges My Role Team Size & Time Spent Deliverables Methods / Tools Mantra Dive & Sail provides private charter boat trips around Indonesia. User can not only explore trips but also book a trip. The website has massive bounce rate and low conversion rate for online trip booking and Inquiring for the trip. • IdenCfy issues of exisCng trip booking journey • Enhance booking conversion and number of inquiries • Hotjar Video QualCaCve Analysis • Heatmap Analysis • Clickmap Analysis • Review of Google AnalyCcs • Usability Audit of Journies • Sketch App & Invision • QualitaCve Analysis of Hotjar Videos • Paper Sketches, Wireframes, Prototype • Usability Audit Report1 UX Designer & 30 Hours. I was solely responsible for this enCre project execuCon. I was responsible for user experience strategy & data driven design soluCon.
  • 15. 03 Mantra Dive & Sail / Expert Review
  • 16. 03 Mantra Dive & Sail / Expert Review
  • 17. 03 Mantra Dive & Sail / Solution for Trip Listing Page Proposed SolutionBefore
  • 18. 03 Mantra Dive & Sail / Solution for Trip Detailed Page Proposed SolutionBefore
  • 19. 04 SEC Battery Brief • User Centred Design Apporach • Google Analy7cs • Sketch App • Invision Objetives / Challenges My Role Team Size & Time Spent Deliverables Methods / Tools SEC Ba>ery manufactures ba>eries for various industries such as Railways, Marine, Airport, Automo7ve, and Telecom. Their main objec7ve to expand their interna7onal B2B network and globalisa7on of the company through partnership in various countries. They had old website which was technology driven and had less B2B inquiry conversion rate. • Increase B2B inquiry • Fix usabili7es issues • Design impressive website for providing informa7on on ba>eries • Informa7on Architecture • Customer Journey Map • Paper Sketches, Wireframes, Prototype Total 6 : 2 UX Designer, 1 UI Designer, 2 Developers & 1 Copy Wri>er. 44 Hours for UX services. I am completely resonsible for providing UX Services that includes designing scalable architecture, iden7fying issues with their old design, new design solu7on in form of wireframes.
  • 20. 04 SEC Battery / Information Architecture Information Architecture
  • 21. 04 SEC Battery / Design Solution Homepage Wireframe UI Design 16 02 SCREENS ITERATIONS 44 HOURS WORK
  • 22. 04 SEC Battery / Design Solution Batteries by Application Wireframe UI Design 16 02 SCREENS ITERATIONS 44 HOURS WORK
  • 23. 04 SEC Battery / Design Solution Company Profile Wireframe UI Design 16 02 SCREENS ITERATIONS 44 HOURS WORK
  • 24. 04 SEC Battery / Design Solution Partner Network Wireframe UI Design 16 02 SCREENS ITERATIONS 44 HOURS WORK
  • 25. 04 SEC Battery / Design Solution Career Wireframe UI Design 16 02 SCREENS ITERATIONS 44 HOURS WORK
  • 26. 05 • User Centred Design Apporach • Axure • Sketch App • Invision Viral Octopus Brief Objetives / Challenges My Role Team Size & Time Spent Deliverables Methods / Tools Viral Octopos allows customers to buy or subscribe gigs (micro services) of eCommerce domains that ranges from business services to design services. It also offers primium services such as Talk to Expert, Custom Project and Research Project. The project aimed to design a soluLon from sktrech following user centred design approach. • Sell gigs & premium services such as custom project, Research project & Talk to Expert. • Define scalable design soluLon for this complex project • As product is a new concept, user should be able to understand the product and easily able to idenLfy what is in for them. • InformaLon Architecture • Paper Sketches, Wireframes, Prototype Total 6 : 1 UX Designer, 1 UI Designer, 3 Developers & 1 Copy WriUer. 63 Hours for UX services. I was solely working on this project. I was responsible to define scalable InformaLon Architecture and propose design soluLon (i.e. wireframes) that matches prospect user’s needs and business objecLves.
  • 28. 05 Viral Octopus Homepage Gig Listing 32 02 SCREENS ITERATIONS 63 HOURS WORK
  • 29. 05 Viral Octopus Gig Detailed Custom Project 32 02 SCREENS ITERATIONS 63 HOURS WORK
  • 30. 05 Viral Octopus Our Approach eCommerce Tips 32 02 SCREENS ITERATIONS 63 HOURS WORK
  • 31. 06 Flipkart Seller App Brief Objetives / Challenges My Role Team Size & Time Spent Deliverables Methods / Tools Flipkart is india’s biggest start up aimed to design an app for local sellers in India in India. Store provides clothes, accessories, toys and exclusive products. The major hurdle for them to start with such an app is lack of confidence whether local sellers would be able to use this app to upload their products. It requires to idenCfy insights into their current framework, their needs, constraints and preferences. • Provide insights into exisCng system of sellers • Sellers problem areas, inhibiCons and concerns with the proposed app • Constraints in their line of business, using an online system and from any other technical/social/ physical perspecCve • Ethnography • Interviews • Empathic Design Approach • Sketch App • QuesConnaire & ObservaCon Sheet • Paper Sketches • Wireframes • Persona • Detailed reports preseCng study details and finidngs 1 UX Designer & 27 Hours. I was working alone on this project and solely responsible for the enCre project that includes user experience strategy, execuCon of the study, analysis of data and producing all major deliverables and presenCng these to the client.
  • 32. 06 Flipkart Seller App / Deliverables Study Plan Persona Paper Sketches
  • 33. 06 Flipkart Seller App / Key Inisights Insights from existing system of sellers. Seller’s Problem Area & Concerns Constrain in their line of business • Image capturing and wri1ng might be the most difficult tasks to perform by seller by knowing their limita1on of skills. • Social responsibility at store for customer support would be a barrier to do online store ac1vity. • Some of the stores have space limita1on. In this case, it would be a challenge to set up a photography desk. • Higher resolu1on mobile camera would be another constraint to capture good quality product images. • Main ac1vi1es of sellers include help customers, arranging products and stock maintenance. • Most of the visitors visit either in weekends or on fes1val 1me. They have free 1me in weekdays such that they could u1lize this 1ming for selling online their products. • It is always uncertain that when a customer would visit the store. Thus, they have to be ready any1me customer visits the store. • Though their educa1on is below 12th standard, they are quite familiar with computerized billing using barcode scanner and payment through credit or debit card. Moreover, they use smart phone and various apps. • Sellers are good at speaking in English. However, due to low educa1on, it might be difficult for them write in English language. • Sellers are familiar with smartphone and apps. However, it would be a challenge for them to capture images with clarity and good background. • As they could not predict the customer flow on their physical store, they might be more chances of interrup1on while doing ac1vity on online store such as lis1ng product, order management and shipping. • One of the major challenges is shipping. Since they have be at store 1ll 9 or 9:30 PM.
  • 34. 06 Flipkart Seller App / Wireframes Add New Product Add Product 1 2 3 4 1. Last Saved Feature: It is always uncertain that when a customer would visit the store. Thus, they have to be ready anyBme customer visits the store. So, even if customer visits while uploading product, seller need not have to worry about data that is already added. 2. As we are aware that there might be physical constraints or mobile camera limitaBon, it we product a camera tool that helps them to capture images with good visibility then it would be increase their confidence on product image quality and it would definitely have effect on selling. 3. Product Name SuggesBons: As sellers might not be effecBve in wriBng a product name, we could suggest names based on keywords they type in Enter Product Name field. 4. Auto & Editable Product DescripBon: As sellers might not be effecBve in wriBng product descripBon, we could suggest product descripBon based on product category and sub-category. It would not only help them to reduce Bme for adding product, but also facilitatesthem to add products regardless their wriBng skills.
  • 35. 07 Local Jini Brief Objetives / Challenges My Role Team Size & Time Spent Deliverables Archievement Methods / ToolsLocal Jini is a startup based in Mumbai. The plaform provides opportunity for mainly students and working professionals to explore classes online and offline in a par?cular area. Moreover, it gives also opportunity to connect with a personal tutor. The biggest challange they faced was less conversion rate, 0.2% only. Thus, they wanted to iden?fy the problems with the design and revemp design from sktrech. • Conduct UX audit of exis?ng website and Iden?fy usability issues • Improve conversion rate by desinging user friendly solu?on that matches user’s requirements and business objec?ves • Usability Review by Expert • Review of Google Analy?cs • Sketch App • Informa?on Architecture • Paper Sketches • Wireframes • UI Design Total : 2, 1 UX Designer & 1 UI Designer. 69 Hours for UI/UX. In first month, they got 2.1% Conversion Rate from 0.2% of old design. I was working on this project with one UI designer. I was the spoke and responsible for the en?re project execu?on. I was maily responsible for UX Research & Design that includes UX audit, project planning, user experience strategy, wireframing and client communica?on.
  • 37. HOMEPAGE 07 19 03 Local Jini / Wireframes COURSES DETAILED PAGE SCREENS ITERATIONS 32 HOURS WORK
  • 39. 08 Ketto Brief Objetives / Challenges My Role Team Size & Time Spent Deliverables Methods / Tools Ke#o is India’s biggest crowd fundraising pla7orm that allows individuals and NGOs to raise funds for causes and technology innova?on. The pla7orm is struggling at two journies namely Create a campaign with the conversion rate of 0.80% only and Contribute Now (i.e. Checkout) journey with 67% of drop off. • Iden?fy issues of exis?ng journies namely create campaign and Contribute Now (i.e. Checkout) • Provide design solu?on to improve conversion rate for create campaign journey • Provide design solu?on to decrease drop off of Contribute Now Journey • Hotjar Video Qual?a?ve Analysis • Review of Google Analy?cs • Usability Audit of journies • Usability Tes?ng • Sketch App & Invision • Qualita?ve Analysis of Hotjar Videos • Design moodboard • Paper Sketches, Wireframes, Prototype • Usability Audit Report 1 UX Designer & 42 Hours. I was solely responsible for this en?re project execu?on. I was responsible for user experience strategy, usability audit of exis?ng journeies, providing design solu?ons, and clent communica?on.
  • 40. 08 Ketto / Hotjar Analysis & Moodboard Moodboard Hotjar Video Analysis
  • 41. 08 Ketto / Wireframes (Desktop) Checkout Journey 14 03 SCREENS ITERATIONS 18 HOURS WORK
  • 42. 08 Ketto / Wireframes (Mobile) Create a Campaign JourneyCheckout Journey 14 02 SCREENS ITERATIONS 13 HOURS WORK
  • 45. 09 Passport Guru Brief Objetives / Challenges My Role Team Size & Time Spent Deliverables Methods / Tools Passport Guru is a start up which aims to resolve passport related queries in India. Most of the passport applicants face issue when they apply for the passport. A government website is available. However, in most of the queries, people do suffer a lot to idenAfy the way to resolve. This plaCorm aims to resolve issues of passport applicants and make them happy. • It has been idenAfied from the ground research that people are facing troble for geGng their passport. Thus, we have to design a soluAon such that it resolves their queries through expert guidance. • User Centred Design Apporach • Sketch App • Paper Sketches, Wireframes, Prototype • Visual Design 1 UX Designer & 1 UI Designer & 27 Hous. I need to work closely with the CEO to design soluAon for Passport Guru. I was responsible to define design strategy, project planning, design soluAon and digital markeAng.
  • 46. 09 Passport Guru Homepage Wireframe UI Design 08 03 SCREENS ITERATIONS 27 HOURS WORK
  • 47. 09 Passport Guru Book A Slot Wireframe UI Design 08 03 SCREENS ITERATIONS 27 HOURS WORK
  • 48. 10 Digibank Brief Objetives / Challenges My Role Team Size & Time Spent Deliverables Methods/Tools Digibank is a mobile wallet launched in India. It is a product of DBS bank based in Singapore. It provides facility to transfer money, recharges, pay bill and many more. They asked us to perform Usability Audit by perfoming UX Expert Review of the app. • IdenFfy usability issues of Digibank • Provide recommendaFon to fix usability issues • UX Expert Review • Detailed report of UX Review 1 UX Designer & 9 Hours I was solely working on this project. I need to idenFfy usability issues with the app and recommend changes based on findings.
  • 50. 10 Digibank UX Review 14 09 07 Issues Identified Hours Work Recommendations