SlideShare a Scribd company logo
UX / UI DESIGNER
PORTFOLIO (AS OF FEBRUARY 2015)
B BBRITTANY BAPTISTE
B B
MY
To create beautiful, easy-to-follow
designs rooted in user research
HI, I’M BRITTANY!
I’m a detail-oriented, observative
designer with a knack for making
good things even better
UX PHILOSOPHY
B B
AGENDA
MY PROCESS
Here’s my process, beginning-to-end, but I can jump in wherever you need me
RESEARCH
PERSONAS
IDEATE
CREATE
UPDATE
INFORMATION ARCHITECTURE
B B
RESEARCH
RESEARCH
Research & Observe > Survey > Interview
Contextual Inquiries and competitive
analyses are two of my favorite tools.
I pair them with further in-depth research
and comparative analyses to create a solid
foundation for my designs.
solid
foundation
Some contextual inquiry for a mock
microsite of a local comic store
B B
RESEARCH
RESEARCH
Research & Observe > Survey > Interview
0
2
4
5
7
Product Options Communication Reviews
Main Customer Expectations
NumberofTimesMentioned
ProjectTimeline
ProductQuality
Photos
7
5
4
2
0
I love being able to get a lot of information in a quick and easy format.
Surveys are great for this and help me reach a larger user group,
figure out where they are coming from and gain more insight on
what they are looking for.
where they are coming from
what they are looking for
B B
RESEARCH
RESEARCH
Research & Observe > Survey > Interview
Interviewing is key to really knowing your end-user and it involves
just as much observation as dialogue. This is where you get
all the good stuff.
observation
Notes from a few interviews conducted with asthma patients for my project with CoheroHealth
B B
PERSONAS
PERSONAS
Personas are kind of my thing. They help me to never lose sight of the user
and have their habits and pain points in mind throughout my design process.habits and pain points
B B
IA
INFORMATION ARCHITECTURE
Information Architecture can make a huge impact on business goals.
Along with site maps and product detailing, I use open and closed card sorting
(like in these pictures) to get a better idea on how to organize
a client’s information.
business goals.
B B
IDEATE
IDEATE
Brainstorm > Sketch
Brainstorming is best done with a whiteboard, pens and sticky notes.
I love throwing around ideas with a team and
seeing what we can come up with. Affinity diagrams
have also been helpful in some of my processes to get
a better idea of user requested features and themes.
whiteboard, pens and sticky notes.
B B
IDEATE
IDEATE
Brainstorm > Sketch
Sketching and brainstorming go hand-in-hand for
me. A UX designer’s greatest tool will always be a pen
and paper. I find great value in having users test a
paper prototype prior to wireframing to make sure I’ve
accounted for all possible user actions.
Sketching and brainstorming
B B
CREATE
CREATE
Wireframe > Prototype
Wireframing is such big part of the overall UX process.
I try to make mine as clear, simple and high-fidelity as
possible to make for better user testing.
Comics Games & Toys Gifts & More Graphic NovelsBooksApparelAction Figures
Store InformationAbout Us The Daily Planet
ABOUT US
About Forbidden Planet
Contact Us
Store Information
Events
CUSTOMER SERVICE
Privacy Policy
In-Store Pick Up
Sitemap
Shipping Information
ACCOUNT INFO
My Account
Settings
Order Status
Email Setup
Sign In | Register
Up to 30% Off Select Games
This Just In!
Monopoly:
TMNT Edition
Batman
Armory Set
Big Book of
Sin City
The Best Comics of
2014
Enter Your Email Submit
Sign Up for Our Newsletter
THE DAILY PLANET
Give a Forbidden
Planet Gift Card
clear, simple
B B
CREATE
CREATE
Wireframe > Prototype
A clickable prototype is the moment you finally get to see
everything come together. I tend to use InVision and
Axure for my prototypes, but use POP as well for clickable
paper prototypes. Hype 3 is my new software challenge.
everything come together.
see
PROTOTYPE
PROTOYPE
B B
UPDATE
UPDATE
Test > Iterate
I like to use Peek for remote user testing
Another part of my UX philosophy is to always be testing
with users. This isn’t just something at the end of my
process, but something that bleeds throughout my timeline.
always be testing
B B
UPDATE
UPDATE
Test > Iterate
Testing will always lead to suggestions and changes. I know
any design I create should be continually molded and iterated until
it seamlessly achieves the goals of the user.
continually molded and iterated
Our choice based on
user tests
B B
TOOLS
MY TOOLKIT
Sketch InVision Omnigraffle Axure
Keynote Typeform Google Analytics
B B
LET’S WORK TOGETHER
bamandab08@gmail.com
linkedin.com/in/brittanybaptiste
@BrittBaptiste
B B
THANK YOU!

More Related Content

What's hot

Letts_Cody_Electronic Portfolio
Letts_Cody_Electronic PortfolioLetts_Cody_Electronic Portfolio
Letts_Cody_Electronic PortfolioCody Letts
 
Jay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay R
 
Ha5 project charter_100314
Ha5 project charter_100314Ha5 project charter_100314
Ha5 project charter_100314rosstapher
 
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaAnton Chandra
 
Introduction to UX Design Workshop | CodingGirls
Introduction to UX Design Workshop | CodingGirlsIntroduction to UX Design Workshop | CodingGirls
Introduction to UX Design Workshop | CodingGirlsZenan Liu
 

What's hot (7)

Extensive Portfolio
Extensive PortfolioExtensive Portfolio
Extensive Portfolio
 
Letts_Cody_Electronic Portfolio
Letts_Cody_Electronic PortfolioLetts_Cody_Electronic Portfolio
Letts_Cody_Electronic Portfolio
 
Jay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer Portfolio
 
UX workshop
UX workshopUX workshop
UX workshop
 
Ha5 project charter_100314
Ha5 project charter_100314Ha5 project charter_100314
Ha5 project charter_100314
 
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
 
Introduction to UX Design Workshop | CodingGirls
Introduction to UX Design Workshop | CodingGirlsIntroduction to UX Design Workshop | CodingGirls
Introduction to UX Design Workshop | CodingGirls
 

Similar to Brittany Baptiste Portfolio

UX Workshop for Fin-Tech startups @ SBC
 UX Workshop for Fin-Tech startups @ SBC UX Workshop for Fin-Tech startups @ SBC
UX Workshop for Fin-Tech startups @ SBCDoralin Kelly
 
Video Planning Guide - GENERIC.pptx
Video Planning Guide - GENERIC.pptxVideo Planning Guide - GENERIC.pptx
Video Planning Guide - GENERIC.pptxMatthewEvans7662
 
York Tour Planning Doc.pptx
York Tour Planning Doc.pptxYork Tour Planning Doc.pptx
York Tour Planning Doc.pptxMatthewEvans7662
 
Zoe's UX Portfolio
Zoe's UX PortfolioZoe's UX Portfolio
Zoe's UX PortfolioZoe Lewis
 
Awwwards talk 2016 - Why Being a Web Professional is About to Become Even Mor...
Awwwards talk 2016 - Why Being a Web Professional is About to Become Even Mor...Awwwards talk 2016 - Why Being a Web Professional is About to Become Even Mor...
Awwwards talk 2016 - Why Being a Web Professional is About to Become Even Mor...Bjarne Christensen
 
Between Paper & Code
Between Paper & CodeBetween Paper & Code
Between Paper & CodeMolly Wilson
 
Idea development pro forma-2
Idea development pro forma-2Idea development pro forma-2
Idea development pro forma-2Amelia Browne
 
Bubbble Mobile App Concept
Bubbble Mobile App ConceptBubbble Mobile App Concept
Bubbble Mobile App ConceptCarolyne Cerka
 
Supporting Distributed Critique through Interpretation and Sense-Making in an...
Supporting Distributed Critique through Interpretation and Sense-Making in an...Supporting Distributed Critique through Interpretation and Sense-Making in an...
Supporting Distributed Critique through Interpretation and Sense-Making in an...colin gray
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product TrendsJeremy Johnson
 
Forward Looking BI: The Future of Decision Making
Forward Looking BI: The Future of Decision MakingForward Looking BI: The Future of Decision Making
Forward Looking BI: The Future of Decision MakingInside Analysis
 
UX Designer Portfolio 2018
UX Designer Portfolio 2018UX Designer Portfolio 2018
UX Designer Portfolio 2018Arun Antony
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designInVision App
 

Similar to Brittany Baptiste Portfolio (20)

UX Workshop for Fin-Tech startups @ SBC
 UX Workshop for Fin-Tech startups @ SBC UX Workshop for Fin-Tech startups @ SBC
UX Workshop for Fin-Tech startups @ SBC
 
Video Planning Guide - GENERIC.pptx
Video Planning Guide - GENERIC.pptxVideo Planning Guide - GENERIC.pptx
Video Planning Guide - GENERIC.pptx
 
York Tour Planning Doc.pptx
York Tour Planning Doc.pptxYork Tour Planning Doc.pptx
York Tour Planning Doc.pptx
 
Pradt_portfolio_04.15
Pradt_portfolio_04.15Pradt_portfolio_04.15
Pradt_portfolio_04.15
 
Trends & Tools in UX
Trends & Tools in UXTrends & Tools in UX
Trends & Tools in UX
 
Zoe's UX Portfolio
Zoe's UX PortfolioZoe's UX Portfolio
Zoe's UX Portfolio
 
Awwwards talk 2016 - Why Being a Web Professional is About to Become Even Mor...
Awwwards talk 2016 - Why Being a Web Professional is About to Become Even Mor...Awwwards talk 2016 - Why Being a Web Professional is About to Become Even Mor...
Awwwards talk 2016 - Why Being a Web Professional is About to Become Even Mor...
 
Yogendra_Joshi
Yogendra_JoshiYogendra_Joshi
Yogendra_Joshi
 
Between Paper & Code
Between Paper & CodeBetween Paper & Code
Between Paper & Code
 
What is UX v1
What is UX v1What is UX v1
What is UX v1
 
Portfolio -Designer.pdf
Portfolio -Designer.pdfPortfolio -Designer.pdf
Portfolio -Designer.pdf
 
Planning .pptx
Planning .pptxPlanning .pptx
Planning .pptx
 
Idea development pro forma-2
Idea development pro forma-2Idea development pro forma-2
Idea development pro forma-2
 
Bubbble Mobile App Concept
Bubbble Mobile App ConceptBubbble Mobile App Concept
Bubbble Mobile App Concept
 
Supporting Distributed Critique through Interpretation and Sense-Making in an...
Supporting Distributed Critique through Interpretation and Sense-Making in an...Supporting Distributed Critique through Interpretation and Sense-Making in an...
Supporting Distributed Critique through Interpretation and Sense-Making in an...
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product Trends
 
C plat
C platC plat
C plat
 
Forward Looking BI: The Future of Decision Making
Forward Looking BI: The Future of Decision MakingForward Looking BI: The Future of Decision Making
Forward Looking BI: The Future of Decision Making
 
UX Designer Portfolio 2018
UX Designer Portfolio 2018UX Designer Portfolio 2018
UX Designer Portfolio 2018
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
 

Recently uploaded

The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxadityakushalsaha
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfSudhanshuMandlik
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionPixel poets
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themmadhavlakhanpal29
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
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 DesignersConfidence Ago
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdffabianavillanib
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsFinzo Kitchens
 
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 ServicesResDraft
 

Recently uploaded (11)

The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
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
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen Designs
 
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
 

Brittany Baptiste Portfolio

  • 1. UX / UI DESIGNER PORTFOLIO (AS OF FEBRUARY 2015) B BBRITTANY BAPTISTE
  • 2. B B MY To create beautiful, easy-to-follow designs rooted in user research HI, I’M BRITTANY! I’m a detail-oriented, observative designer with a knack for making good things even better UX PHILOSOPHY
  • 3. B B AGENDA MY PROCESS Here’s my process, beginning-to-end, but I can jump in wherever you need me RESEARCH PERSONAS IDEATE CREATE UPDATE INFORMATION ARCHITECTURE
  • 4. B B RESEARCH RESEARCH Research & Observe > Survey > Interview Contextual Inquiries and competitive analyses are two of my favorite tools. I pair them with further in-depth research and comparative analyses to create a solid foundation for my designs. solid foundation Some contextual inquiry for a mock microsite of a local comic store
  • 5. B B RESEARCH RESEARCH Research & Observe > Survey > Interview 0 2 4 5 7 Product Options Communication Reviews Main Customer Expectations NumberofTimesMentioned ProjectTimeline ProductQuality Photos 7 5 4 2 0 I love being able to get a lot of information in a quick and easy format. Surveys are great for this and help me reach a larger user group, figure out where they are coming from and gain more insight on what they are looking for. where they are coming from what they are looking for
  • 6. B B RESEARCH RESEARCH Research & Observe > Survey > Interview Interviewing is key to really knowing your end-user and it involves just as much observation as dialogue. This is where you get all the good stuff. observation Notes from a few interviews conducted with asthma patients for my project with CoheroHealth
  • 7. B B PERSONAS PERSONAS Personas are kind of my thing. They help me to never lose sight of the user and have their habits and pain points in mind throughout my design process.habits and pain points
  • 8. B B IA INFORMATION ARCHITECTURE Information Architecture can make a huge impact on business goals. Along with site maps and product detailing, I use open and closed card sorting (like in these pictures) to get a better idea on how to organize a client’s information. business goals.
  • 9. B B IDEATE IDEATE Brainstorm > Sketch Brainstorming is best done with a whiteboard, pens and sticky notes. I love throwing around ideas with a team and seeing what we can come up with. Affinity diagrams have also been helpful in some of my processes to get a better idea of user requested features and themes. whiteboard, pens and sticky notes.
  • 10. B B IDEATE IDEATE Brainstorm > Sketch Sketching and brainstorming go hand-in-hand for me. A UX designer’s greatest tool will always be a pen and paper. I find great value in having users test a paper prototype prior to wireframing to make sure I’ve accounted for all possible user actions. Sketching and brainstorming
  • 11. B B CREATE CREATE Wireframe > Prototype Wireframing is such big part of the overall UX process. I try to make mine as clear, simple and high-fidelity as possible to make for better user testing. Comics Games & Toys Gifts & More Graphic NovelsBooksApparelAction Figures Store InformationAbout Us The Daily Planet ABOUT US About Forbidden Planet Contact Us Store Information Events CUSTOMER SERVICE Privacy Policy In-Store Pick Up Sitemap Shipping Information ACCOUNT INFO My Account Settings Order Status Email Setup Sign In | Register Up to 30% Off Select Games This Just In! Monopoly: TMNT Edition Batman Armory Set Big Book of Sin City The Best Comics of 2014 Enter Your Email Submit Sign Up for Our Newsletter THE DAILY PLANET Give a Forbidden Planet Gift Card clear, simple
  • 12. B B CREATE CREATE Wireframe > Prototype A clickable prototype is the moment you finally get to see everything come together. I tend to use InVision and Axure for my prototypes, but use POP as well for clickable paper prototypes. Hype 3 is my new software challenge. everything come together. see PROTOTYPE PROTOYPE
  • 13. B B UPDATE UPDATE Test > Iterate I like to use Peek for remote user testing Another part of my UX philosophy is to always be testing with users. This isn’t just something at the end of my process, but something that bleeds throughout my timeline. always be testing
  • 14. B B UPDATE UPDATE Test > Iterate Testing will always lead to suggestions and changes. I know any design I create should be continually molded and iterated until it seamlessly achieves the goals of the user. continually molded and iterated Our choice based on user tests
  • 15. B B TOOLS MY TOOLKIT Sketch InVision Omnigraffle Axure Keynote Typeform Google Analytics
  • 16. B B LET’S WORK TOGETHER bamandab08@gmail.com linkedin.com/in/brittanybaptiste @BrittBaptiste