SlideShare a Scribd company logo
Sheriff Jolaoso
EXPERIENCE DESIGNER
Work Samples
What’s in this thing
anyways?
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
Table of Contents
M Y U S U A L P R O C E S S
1 7 7 6 C H A L L E N G E C U P C A S E S T U D Y
A D D I T I O N A L W O R K S A M P L E S
0 1
0 2
0 3
I n t r e p i d Tr a v e l
Tr u e S p i r i t
S n e a k e rT h i r s t
My usual
process
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
My usual process
I call this my usual process because it’s a
flexible process depending on the state of
the project. The goal is to have all of these
phases considered and performed to some
extent.
The process is not procedural, but more a
guideline to assure me and my team that we
have taken as many reasonable
opportunities to evaluate our solution
before and during development/production.
User Research
interviews, contextual inquiries, surveys,
competitive/comparative analysis, task
analysis, heuristic evaluations, usability
testing
!
Ideation
card sorting, design studios, user flow
development, persona and scenario
development, sketching
Prototyping
low-fidelity prototyping using paper or
images
high-fidelity prototyping using Axure or
web technologies (HTML, CSS, JS)
Design
sketching, wireframing, sitemapping,
information and interaction designing
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
1776
Challenge Cup
Case Study
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
1776 Challenge Cup Case Study
In this project, our group was tasked to do a
redesign of the 1776 Challenge Cup website
in order to enable different user types to
find information the need in order to
convert into participants, attendees, or
sponsors.
The project involved refactoring
information visually and spatially as well as
providing a more succinct route for each
user type for conversion.
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
1776 Challenge Cup Case Study
Through dialogs with stakeholders and surveys of past
and potential users of the Challenge Cup website, we
were able to derive primary and secondary goals and
needs of our users, as well as pain points. The major
finding in our research was that users that identified as
competitors or viewers were going incorrect routes to
find the information they needed; competitors would
purchases tickets to watch and attendees would go
through the application process until they realized that
was incorrect.
Key Findings:
• There was a need to delineate user types and their use of the
website.
• Stakeholders wanted to archive past competition information for
users to view.
• There are phases to the competition, and often times users were
confused about what phase the competition was in and what
phase they wanted to participate in.
My Contribution:
• Taking notes in stakeholder interviews
• Conducting part of the competitive analysis
• Developing and distributing survey to our different types of users.
INVENTORY OF PAIN POINTS AND NEEDS BASED ON INTERVIEWS
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
1776 Challenge Cup Case Study
In ideation, we focused on the key findings from
our research and developed an information
architecture that would suit the different user
types we found. We decided to provided landing
pages for the four primary user types
(participants, viewers, press, sponsors). Also, in
ideation, we developed personas that mapped to
these types of users in order to focus on the pain
points as they may differ between user types.
Key Findings:
• An information architecture that helped users find the
information they needed.
• There were a few pieces of information that was important
to multiple user types, so we ideated ways to tailor that
information for these users.
My Contribution:
• Creating the user flow/scenario based on our personas.
• Participated in card-sorting activities
PERSONA AND USER FLOW DEVELOPED FOR THE PROJECT
! Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
1776 Challenge Cup Case Study
We conducted a design studio, where we
translated the information architecture we ideated
upon into interfaces. Within this process, we
tweaked our information architecture, because we
found it was overly divided amongst user types, to
the point that if one user type started on the
wrong track, there was not an easy way to find
themselves a way to get on the correct track.
Key Findings:
• Within our interface sketches, we identified multiple ways
to engage users to their desired track of participation in the
Challenge Cup.
• We were able to create templates of pages and elements, to
modularize parts of our design for re-use, such as the
header, footer, sub-navigations, and descriptive elements.
My Contribution:
• Participating in design studio.
• Transcribing sketched design decisions from design studio
into wireframes.
GROUP SKETCHES FROM DESIGN STUDO
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
1776 Challenge Cup Case Study
We put our designs into a prototype and through testing we were able to resolve usability issues. Through
assessing initial usability issues, adjusting the fidelity of our prototype, and further testing we were able to
garner more usability information about our information architecture, which is the main aspect we were
changing about the website.
Key Findings:
• Our callouts to each user type were clear and available to the users, as validated in testing.
• We were able to consolidate certain parts of the website into single pages allowing users to backtrack with more ease if needed and
gather the most important information up front.
My Contribution:
• Integrating interactivity into our prototype.
• Conducting user testing with our prototype.
Link to prototype: http://ws4pxf.axshare.com/#c=2
Live site at: http://www.1776.vc/challenge-cup/
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
1776 Challenge Cup Case Study
FROM DELIVERED PROTOTYPE CURRENTLY ON LIVE SITE
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
Additional
Work Samples
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
Intrepid Travel
In this project, my team was tasked to
help a travel agency increase its market
reach.
The stakeholder had a desire to further
advertise trip offerings based on users’
taste. We decided to go beyond solely
using demographics and include deeper
user profiles, where users could select
their taste in trips.
May they be looking for comfort and
leisure or adventure, we wanted to be
sure to cater to taste as well as be sure
to advertise the entire product offering,
as tastes vary over time.
Link to mobile prototype: http://om8fb8.axshare.com/#c=2
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
Intrepid Travel
Sample of competitive analysis and a
persona developed for this project
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
TrueSpirit
In this project, I was tasked to do design a
children’s clothing store website.
The stakeholder had a desire to make uniform
shopping easier for parents, so within the
design, I incorporated the ability to perform
quick searches using school names and codes
within the site’s navigation bar search.
I also incorporated a “Buyers also purchase…”
section on item pages and a “here’s our brand
products”, allowing the company to showcase
their product offering alongside name brands.
Link to prototype: http://y2go0n.axshare.com/#c=2
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
TrueSpirit
Sample of site map and user flow for site
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
SneakerThirst
In this project, I was tasked to help
revitalize a sneaker re-selling website and
help design and implement a new feature
of the site itself.
In this project, it was important to
properly emphasize on the current
content and the new content based on
how the business wanted to go forward.
We made the marketplace and blog
content have equal focus and
incorporated user profiles to allow users
to be resellers.
The site also incorporates a calendar of
sneaker events and additional community
information, allowing the site to be a bit
more of a one stop shop for all your
sneaker needs.
Site live at: www.sneakerthirst.com
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
SneakerThirst
Sample of iterative progression
ORIGINAL SITE
WIREFRAME
PROTOTYPE
CURRENT SITE
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R
Thank you for
reviewing my
work.
p l e a s e f e e l f r e e t o r e a c h m e a t :
s h e r i f f @ s h e r i f f j o l a o s o . c o m
Sheriff Jolaoso
E X P E R I E N C E D E S I G N E R

More Related Content

Similar to Sheriff Jolaoso | Work Samples

Andrea Roberts UX Portfolio
Andrea Roberts UX PortfolioAndrea Roberts UX Portfolio
Andrea Roberts UX Portfolio
Andrea Roberts
 
Portfolio
PortfolioPortfolio
Portfolio
Eric Wagner
 
Community Engagement through User Experience
Community Engagement through User ExperienceCommunity Engagement through User Experience
Community Engagement through User Experience
Interactive Mechanics
 
2016-04-30 01 Samuel Thibault. A look into the human-centered design approach...
2016-04-30 01 Samuel Thibault. A look into the human-centered design approach...2016-04-30 01 Samuel Thibault. A look into the human-centered design approach...
2016-04-30 01 Samuel Thibault. A look into the human-centered design approach...
Омские ИТ-субботники
 
Building Efficient and Informative Research Programs for Product Design Teams
Building Efficient and Informative Research Programs for Product Design TeamsBuilding Efficient and Informative Research Programs for Product Design Teams
Building Efficient and Informative Research Programs for Product Design Teams
Tom Satwicz
 
meMap App Design Project
meMap App Design ProjectmeMap App Design Project
meMap App Design ProjectSusanna Willis
 
5 Design Techniques You Can Try Without "Design" Experience
5 Design Techniques You Can Try Without "Design" Experience5 Design Techniques You Can Try Without "Design" Experience
5 Design Techniques You Can Try Without "Design" Experience
Atomic Object
 
Fintech Belgium Summit 2017 - Societal Impact - Anais Digital by Reynald Le...
Fintech Belgium Summit 2017 -  Societal Impact - Anais Digital  by Reynald Le...Fintech Belgium Summit 2017 -  Societal Impact - Anais Digital  by Reynald Le...
Fintech Belgium Summit 2017 - Societal Impact - Anais Digital by Reynald Le...
FinTech Belgium
 
Francia Sandoval UX Portfolio
Francia Sandoval UX PortfolioFrancia Sandoval UX Portfolio
Francia Sandoval UX Portfolio
Francia Sandoval
 
WTF is Experience Design
WTF is Experience DesignWTF is Experience Design
WTF is Experience Design
Eddie Gomez
 
Vibes Credentials- Digital Marketing Company in India
Vibes Credentials- Digital Marketing Company in IndiaVibes Credentials- Digital Marketing Company in India
Vibes Credentials- Digital Marketing Company in India
Vibes Communications Pvt Ltd
 
SLIDESHARE: FROM A PIVOT TO BEING ACQUIRED FOR $118 MILLION
SLIDESHARE: FROM A PIVOT TO BEING ACQUIRED FOR $118 MILLION	SLIDESHARE: FROM A PIVOT TO BEING ACQUIRED FOR $118 MILLION
SLIDESHARE: FROM A PIVOT TO BEING ACQUIRED FOR $118 MILLION
Anirudh Narayan
 
Effective Open Innovation Teams
Effective Open Innovation TeamsEffective Open Innovation Teams
Effective Open Innovation Teams
100%Open
 
manishkc_portfolio_2020
manishkc_portfolio_2020manishkc_portfolio_2020
manishkc_portfolio_2020
Manish Chauhan
 
Tools and Resources for New Product Development: The Discovery Phase
Tools and Resources for New Product Development: The Discovery PhaseTools and Resources for New Product Development: The Discovery Phase
Tools and Resources for New Product Development: The Discovery Phase
Dialexa
 
Portfolio
PortfolioPortfolio
Portfolio
Lucy M. Wu
 
What is User Research? How to Build a User Research Culture
What is User Research? How to Build a User Research CultureWhat is User Research? How to Build a User Research Culture
What is User Research? How to Build a User Research Culture
Vani Jain
 
Julio gomez - Design Process
Julio gomez - Design ProcessJulio gomez - Design Process
Julio gomez - Design Process
Julio Gomez
 
Bergen Larsen Portfolio - 2016
Bergen Larsen Portfolio - 2016Bergen Larsen Portfolio - 2016
Bergen Larsen Portfolio - 2016
Bergen Larsen
 
Geekcamp Indonesia 2017 : Agile Product Management
Geekcamp Indonesia 2017 : Agile Product ManagementGeekcamp Indonesia 2017 : Agile Product Management
Geekcamp Indonesia 2017 : Agile Product Management
Michael Ong
 

Similar to Sheriff Jolaoso | Work Samples (20)

Andrea Roberts UX Portfolio
Andrea Roberts UX PortfolioAndrea Roberts UX Portfolio
Andrea Roberts UX Portfolio
 
Portfolio
PortfolioPortfolio
Portfolio
 
Community Engagement through User Experience
Community Engagement through User ExperienceCommunity Engagement through User Experience
Community Engagement through User Experience
 
2016-04-30 01 Samuel Thibault. A look into the human-centered design approach...
2016-04-30 01 Samuel Thibault. A look into the human-centered design approach...2016-04-30 01 Samuel Thibault. A look into the human-centered design approach...
2016-04-30 01 Samuel Thibault. A look into the human-centered design approach...
 
Building Efficient and Informative Research Programs for Product Design Teams
Building Efficient and Informative Research Programs for Product Design TeamsBuilding Efficient and Informative Research Programs for Product Design Teams
Building Efficient and Informative Research Programs for Product Design Teams
 
meMap App Design Project
meMap App Design ProjectmeMap App Design Project
meMap App Design Project
 
5 Design Techniques You Can Try Without "Design" Experience
5 Design Techniques You Can Try Without "Design" Experience5 Design Techniques You Can Try Without "Design" Experience
5 Design Techniques You Can Try Without "Design" Experience
 
Fintech Belgium Summit 2017 - Societal Impact - Anais Digital by Reynald Le...
Fintech Belgium Summit 2017 -  Societal Impact - Anais Digital  by Reynald Le...Fintech Belgium Summit 2017 -  Societal Impact - Anais Digital  by Reynald Le...
Fintech Belgium Summit 2017 - Societal Impact - Anais Digital by Reynald Le...
 
Francia Sandoval UX Portfolio
Francia Sandoval UX PortfolioFrancia Sandoval UX Portfolio
Francia Sandoval UX Portfolio
 
WTF is Experience Design
WTF is Experience DesignWTF is Experience Design
WTF is Experience Design
 
Vibes Credentials- Digital Marketing Company in India
Vibes Credentials- Digital Marketing Company in IndiaVibes Credentials- Digital Marketing Company in India
Vibes Credentials- Digital Marketing Company in India
 
SLIDESHARE: FROM A PIVOT TO BEING ACQUIRED FOR $118 MILLION
SLIDESHARE: FROM A PIVOT TO BEING ACQUIRED FOR $118 MILLION	SLIDESHARE: FROM A PIVOT TO BEING ACQUIRED FOR $118 MILLION
SLIDESHARE: FROM A PIVOT TO BEING ACQUIRED FOR $118 MILLION
 
Effective Open Innovation Teams
Effective Open Innovation TeamsEffective Open Innovation Teams
Effective Open Innovation Teams
 
manishkc_portfolio_2020
manishkc_portfolio_2020manishkc_portfolio_2020
manishkc_portfolio_2020
 
Tools and Resources for New Product Development: The Discovery Phase
Tools and Resources for New Product Development: The Discovery PhaseTools and Resources for New Product Development: The Discovery Phase
Tools and Resources for New Product Development: The Discovery Phase
 
Portfolio
PortfolioPortfolio
Portfolio
 
What is User Research? How to Build a User Research Culture
What is User Research? How to Build a User Research CultureWhat is User Research? How to Build a User Research Culture
What is User Research? How to Build a User Research Culture
 
Julio gomez - Design Process
Julio gomez - Design ProcessJulio gomez - Design Process
Julio gomez - Design Process
 
Bergen Larsen Portfolio - 2016
Bergen Larsen Portfolio - 2016Bergen Larsen Portfolio - 2016
Bergen Larsen Portfolio - 2016
 
Geekcamp Indonesia 2017 : Agile Product Management
Geekcamp Indonesia 2017 : Agile Product ManagementGeekcamp Indonesia 2017 : Agile Product Management
Geekcamp Indonesia 2017 : Agile Product Management
 

Recently uploaded

vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
一比一原版(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
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
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
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
lorraineandreiamcidl
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
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
 

Recently uploaded (20)

vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
一比一原版(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
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
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
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 

Sheriff Jolaoso | Work Samples

  • 2. What’s in this thing anyways? Sheriff Jolaoso E X P E R I E N C E D E S I G N E R Table of Contents M Y U S U A L P R O C E S S 1 7 7 6 C H A L L E N G E C U P C A S E S T U D Y A D D I T I O N A L W O R K S A M P L E S 0 1 0 2 0 3 I n t r e p i d Tr a v e l Tr u e S p i r i t S n e a k e rT h i r s t
  • 3. My usual process Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 4. My usual process I call this my usual process because it’s a flexible process depending on the state of the project. The goal is to have all of these phases considered and performed to some extent. The process is not procedural, but more a guideline to assure me and my team that we have taken as many reasonable opportunities to evaluate our solution before and during development/production. User Research interviews, contextual inquiries, surveys, competitive/comparative analysis, task analysis, heuristic evaluations, usability testing ! Ideation card sorting, design studios, user flow development, persona and scenario development, sketching Prototyping low-fidelity prototyping using paper or images high-fidelity prototyping using Axure or web technologies (HTML, CSS, JS) Design sketching, wireframing, sitemapping, information and interaction designing Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 5. 1776 Challenge Cup Case Study Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 6. 1776 Challenge Cup Case Study In this project, our group was tasked to do a redesign of the 1776 Challenge Cup website in order to enable different user types to find information the need in order to convert into participants, attendees, or sponsors. The project involved refactoring information visually and spatially as well as providing a more succinct route for each user type for conversion. Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 7. 1776 Challenge Cup Case Study Through dialogs with stakeholders and surveys of past and potential users of the Challenge Cup website, we were able to derive primary and secondary goals and needs of our users, as well as pain points. The major finding in our research was that users that identified as competitors or viewers were going incorrect routes to find the information they needed; competitors would purchases tickets to watch and attendees would go through the application process until they realized that was incorrect. Key Findings: • There was a need to delineate user types and their use of the website. • Stakeholders wanted to archive past competition information for users to view. • There are phases to the competition, and often times users were confused about what phase the competition was in and what phase they wanted to participate in. My Contribution: • Taking notes in stakeholder interviews • Conducting part of the competitive analysis • Developing and distributing survey to our different types of users. INVENTORY OF PAIN POINTS AND NEEDS BASED ON INTERVIEWS Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 8. 1776 Challenge Cup Case Study In ideation, we focused on the key findings from our research and developed an information architecture that would suit the different user types we found. We decided to provided landing pages for the four primary user types (participants, viewers, press, sponsors). Also, in ideation, we developed personas that mapped to these types of users in order to focus on the pain points as they may differ between user types. Key Findings: • An information architecture that helped users find the information they needed. • There were a few pieces of information that was important to multiple user types, so we ideated ways to tailor that information for these users. My Contribution: • Creating the user flow/scenario based on our personas. • Participated in card-sorting activities PERSONA AND USER FLOW DEVELOPED FOR THE PROJECT ! Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 9. 1776 Challenge Cup Case Study We conducted a design studio, where we translated the information architecture we ideated upon into interfaces. Within this process, we tweaked our information architecture, because we found it was overly divided amongst user types, to the point that if one user type started on the wrong track, there was not an easy way to find themselves a way to get on the correct track. Key Findings: • Within our interface sketches, we identified multiple ways to engage users to their desired track of participation in the Challenge Cup. • We were able to create templates of pages and elements, to modularize parts of our design for re-use, such as the header, footer, sub-navigations, and descriptive elements. My Contribution: • Participating in design studio. • Transcribing sketched design decisions from design studio into wireframes. GROUP SKETCHES FROM DESIGN STUDO Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 10. 1776 Challenge Cup Case Study We put our designs into a prototype and through testing we were able to resolve usability issues. Through assessing initial usability issues, adjusting the fidelity of our prototype, and further testing we were able to garner more usability information about our information architecture, which is the main aspect we were changing about the website. Key Findings: • Our callouts to each user type were clear and available to the users, as validated in testing. • We were able to consolidate certain parts of the website into single pages allowing users to backtrack with more ease if needed and gather the most important information up front. My Contribution: • Integrating interactivity into our prototype. • Conducting user testing with our prototype. Link to prototype: http://ws4pxf.axshare.com/#c=2 Live site at: http://www.1776.vc/challenge-cup/ Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 11. 1776 Challenge Cup Case Study FROM DELIVERED PROTOTYPE CURRENTLY ON LIVE SITE Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 12. Additional Work Samples Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 13. Intrepid Travel In this project, my team was tasked to help a travel agency increase its market reach. The stakeholder had a desire to further advertise trip offerings based on users’ taste. We decided to go beyond solely using demographics and include deeper user profiles, where users could select their taste in trips. May they be looking for comfort and leisure or adventure, we wanted to be sure to cater to taste as well as be sure to advertise the entire product offering, as tastes vary over time. Link to mobile prototype: http://om8fb8.axshare.com/#c=2 Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 14. Intrepid Travel Sample of competitive analysis and a persona developed for this project Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 15. TrueSpirit In this project, I was tasked to do design a children’s clothing store website. The stakeholder had a desire to make uniform shopping easier for parents, so within the design, I incorporated the ability to perform quick searches using school names and codes within the site’s navigation bar search. I also incorporated a “Buyers also purchase…” section on item pages and a “here’s our brand products”, allowing the company to showcase their product offering alongside name brands. Link to prototype: http://y2go0n.axshare.com/#c=2 Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 16. TrueSpirit Sample of site map and user flow for site Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 17. SneakerThirst In this project, I was tasked to help revitalize a sneaker re-selling website and help design and implement a new feature of the site itself. In this project, it was important to properly emphasize on the current content and the new content based on how the business wanted to go forward. We made the marketplace and blog content have equal focus and incorporated user profiles to allow users to be resellers. The site also incorporates a calendar of sneaker events and additional community information, allowing the site to be a bit more of a one stop shop for all your sneaker needs. Site live at: www.sneakerthirst.com Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 18. SneakerThirst Sample of iterative progression ORIGINAL SITE WIREFRAME PROTOTYPE CURRENT SITE Sheriff Jolaoso E X P E R I E N C E D E S I G N E R
  • 19. Thank you for reviewing my work. p l e a s e f e e l f r e e t o r e a c h m e a t : s h e r i f f @ s h e r i f f j o l a o s o . c o m Sheriff Jolaoso E X P E R I E N C E D E S I G N E R