SlideShare a Scribd company logo
1 of 39
Download to read offline
(Sarah-Beth Zoto, UX Designer)
In-house creative services department 

servicing a hospital network of 18,000 affiliated
physicians, nurses, staff and volunteers.

Full-service boutique design firm 

assisting clients in the professional, retail and
technology industries.
!
Marketing and branding agency

specializing in collateral for the biotechnology,
pharmaceutical and medical device industries.
My experience…
Information Architecture
Interaction Design
Visual Design
Content Strategy
Communications Design
Conceptual Design
Brand Strategy
My specialties...
Point-of-purchase
packaging system
Continuing education
catalog template
Ad campaign to prevent
scald injuries
Online classes and
events registration
Online classes and
events catalog
Physician search 

& results page
Responsive 

e-commerce site
Property management
inspection app
Library eBook 

borrowing app
Native Mobile Apps
Responsive E-Comm Websites
Desktop Experiences
Search & Results Pages
Packaging Systems
Ad Campaigns
My deliverables...
Happy Inspector
App software to digitize property inspections.

Project
Work with development team to add
customize ratings feature to iPad app. 

My Role
• Information Architecture

• Interaction Design

• Visual Design

!
Case Study
Scenario 1: Joe, a property manager of a 

multi-family home, is mid-inspection when he
realizes the Entry-way Walls could use painting.
Joe selects Walls,
then Edit Ratings.
Scenario 1, continued: He updates Fair icon label to
Paint and applies this change to Entry Ceiling as well.
Interviews to Task Model: Happy Inspector's
in-house customer service and sales teams
helped me uncover user goals and process.
Wireframes: Utilized paper mockups to
explore various user flows quickly.
Sitemap and User Journey: Determined
overall app structure and the Edit Worksheet
user flow.
Hi-fidelity Mockups and Animation Specs:
Created deliverable to illustrate screen details
with associated animations.
Scenario 2: Condo-unit property manager
updates an active worksheet by selecting a new
Rating Group from the Library and applying it to
Walls and Ceilings in the Entry-way.
Scenario 3: Single-home property manager
selects a Rating Group from the Library and
updates it by creating a custom icon.
General Assembly
User experience design course, 2014.

Project
Create a mobile app that allows user to
search and borrowing eBooks from the
library.

My Role
• User Research

• Information Architecture

• Interaction Design

!
Case Study
Scenario 1: Margie likes to plan ahead and
wants to select a date when the book will
automatically download.
GA  Script  
  
FOCUS  
Main  question  
● How  is  finding  a  book  on  Amazon.com  better  than  at  the  public  library?  ● How  do  people  find  titles  they’d  like  to  read?  ● How  do  you  decide  if  a  book  is  worth  reading?  ● What  borrowing  process  makes  sense  for  the  library?    
SCRIPT  
Discovery  
● How  do  you  discover  new  books  to  read?  ● word  of  mouth,  friends,  amaazn  good  reads,  browsing  book  store/libary  ● look  for  in  a  book:  top  best  sellers,  how  they  pop-­up  when  purchase  people  also  also  liked…  
● read  description,  star  ratings,  read  pub  reviews  from  publishers  weekly,  carefully  browse  user  
reviews  (no  spoilers)  
● If  a  friend  recommends  a  book  to  you,  how  do  you  find  the  title?  Where  do  you  look?  (amazon,  
library,  etc.)  
● When  you’re  browsing  a  list  of  titles,  what  information  prompts  you  to  look  further  into  the  book?  
(ratings,    
● If  you’re  researching  a  subject  online,  how  do  you  decide  which  resources  are  most  relevant  
● How  many  books  do  you  read  at  the  same  time?    
Purchase  /  Reservation  /  Borrow  Transaction  ● What  was  your  last  experience  at  the  library?  What  did  you  go  for?  What  did  you  end  up  doing?  
● When  you  visit  the  library,  do  you  ever  ask  the  library  staff  for  reading  recommendations?  
● What  instances  might  prompt  you  to  borrow  a  book  from  the  library?  What  types  of  books  have  you  
borrowed  in  the  past?  (Have  you  ever  checked  at  library  before  you  bought  a  book)  
  
Demo  Tasks  
● Find  2  different  books  to  read  on  a  plane  ride  to    the  weekend  from  a  library  then  on  amazon  
● Find  a  book  in  the  library,  find  a  book  with  a  similar  subject/category  ● Find  a  book  in  amazon,  find  a  book  with  a  similar  subject/category  
Industry Research: Understanding library
lending and publishing restrictions provided
insight on stakeholder challenges.!
!
We also uncovered important information
about metadata associated with each title.!
!
User Research: We uncovered data that
helped us focus our minimal viable product.
Researched challenges of eBook lending from publisher to library
Created a screener to find people who read eBooks and patronize the library on a
regular basis
Conducted one-on-one user research to determine what information people value when
searching for books
Results helped us formulate the information hierarchy on the search results and title
landing pages
Task Model: General task flow determined
based on user research.
Personas
DQM for Vans
Independent skateboard shop partnering with
Vans to sell limited edition products.

Project
Utilize mobile-first approach to create a
consistent responsive experience.

My Role
• Information Architecture

• Interaction Design

!
Case Study
Site Map and Scope
Annotated Wireframes 

with Task Flow
Annotated Wireframes 

with Task Flow
Sharp HealthCare
Hospital system in San Diego, CA.

Project
Redesign online catalog of community
classes and events. 

My Role
• Information Architecture

• Interaction Design

• Interface and Visual Design

!
Case Study
Sharp HealthCare
Hospital system in San Diego, CA.

Project
Add vendor reservation tool to emergency
room landing page. 

My Role
• Content Strategy

• Interaction Design

• Interface and Visual Design

!
Case Study
BEFORE
sb, ux designer - portfolio
sb, ux designer - portfolio
sb, ux designer - portfolio
sb, ux designer - portfolio

More Related Content

What's hot

Jonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa
 
Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell
 
Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016Kazumi Terada
 
Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015Janice Tsai
 
UX Porfolio | Mircea Anton
UX Porfolio | Mircea AntonUX Porfolio | Mircea Anton
UX Porfolio | Mircea AntonMircea Anton
 
Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao
 
Sean Baxter UX Portfolio 2014
Sean Baxter UX Portfolio 2014Sean Baxter UX Portfolio 2014
Sean Baxter UX Portfolio 2014smbcinema
 
Dennis Lee UX Portfolio
Dennis Lee UX PortfolioDennis Lee UX Portfolio
Dennis Lee UX Portfoliodjae_lee
 
Andrea Roberts UX Portfolio
Andrea Roberts UX PortfolioAndrea Roberts UX Portfolio
Andrea Roberts UX PortfolioAndrea Roberts
 
My ux portfolio 2013
My ux portfolio 2013My ux portfolio 2013
My ux portfolio 2013Emily Thomas
 
SENIOR DESIGNER PORTFOLIO | UX UI DESIGNER | WEB DESIGNER | VISUALIZATION ART...
SENIOR DESIGNER PORTFOLIO | UX UI DESIGNER | WEB DESIGNER | VISUALIZATION ART...SENIOR DESIGNER PORTFOLIO | UX UI DESIGNER | WEB DESIGNER | VISUALIZATION ART...
SENIOR DESIGNER PORTFOLIO | UX UI DESIGNER | WEB DESIGNER | VISUALIZATION ART...Gradinar Razvan
 
NehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNeha Kulkarni
 
Melinda poss online ux portfolio
Melinda poss online ux portfolioMelinda poss online ux portfolio
Melinda poss online ux portfolioMelinda Poss
 
Emily McNamara UX portfolio
Emily McNamara UX portfolioEmily McNamara UX portfolio
Emily McNamara UX portfolioEmily McNamara
 
Eason ux design_portfolio
Eason ux design_portfolioEason ux design_portfolio
Eason ux design_portfolioShelda Eason
 
design thinking portfolio
design thinking portfoliodesign thinking portfolio
design thinking portfolioNatasha Koshy
 
Jay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay R
 
Peter Mylonas UX Design Portfolio
Peter Mylonas UX Design PortfolioPeter Mylonas UX Design Portfolio
Peter Mylonas UX Design PortfolioPeter E. Mylonas
 
Francia Sandoval UX Portfolio
Francia Sandoval UX PortfolioFrancia Sandoval UX Portfolio
Francia Sandoval UX PortfolioFrancia Sandoval
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioJoel Califa
 

What's hot (20)

Jonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa - UX Portfolio
Jonah Osawa - UX Portfolio
 
Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015
 
Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016
 
Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015
 
UX Porfolio | Mircea Anton
UX Porfolio | Mircea AntonUX Porfolio | Mircea Anton
UX Porfolio | Mircea Anton
 
Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio
 
Sean Baxter UX Portfolio 2014
Sean Baxter UX Portfolio 2014Sean Baxter UX Portfolio 2014
Sean Baxter UX Portfolio 2014
 
Dennis Lee UX Portfolio
Dennis Lee UX PortfolioDennis Lee UX Portfolio
Dennis Lee UX Portfolio
 
Andrea Roberts UX Portfolio
Andrea Roberts UX PortfolioAndrea Roberts UX Portfolio
Andrea Roberts UX Portfolio
 
My ux portfolio 2013
My ux portfolio 2013My ux portfolio 2013
My ux portfolio 2013
 
SENIOR DESIGNER PORTFOLIO | UX UI DESIGNER | WEB DESIGNER | VISUALIZATION ART...
SENIOR DESIGNER PORTFOLIO | UX UI DESIGNER | WEB DESIGNER | VISUALIZATION ART...SENIOR DESIGNER PORTFOLIO | UX UI DESIGNER | WEB DESIGNER | VISUALIZATION ART...
SENIOR DESIGNER PORTFOLIO | UX UI DESIGNER | WEB DESIGNER | VISUALIZATION ART...
 
NehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UX
 
Melinda poss online ux portfolio
Melinda poss online ux portfolioMelinda poss online ux portfolio
Melinda poss online ux portfolio
 
Emily McNamara UX portfolio
Emily McNamara UX portfolioEmily McNamara UX portfolio
Emily McNamara UX portfolio
 
Eason ux design_portfolio
Eason ux design_portfolioEason ux design_portfolio
Eason ux design_portfolio
 
design thinking portfolio
design thinking portfoliodesign thinking portfolio
design thinking portfolio
 
Jay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer Portfolio
 
Peter Mylonas UX Design Portfolio
Peter Mylonas UX Design PortfolioPeter Mylonas UX Design Portfolio
Peter Mylonas UX Design Portfolio
 
Francia Sandoval UX Portfolio
Francia Sandoval UX PortfolioFrancia Sandoval UX Portfolio
Francia Sandoval UX Portfolio
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
 

Viewers also liked

Task modeling: Understanding what people want and how to design for them.
Task modeling: Understanding what people want and how to design for them.Task modeling: Understanding what people want and how to design for them.
Task modeling: Understanding what people want and how to design for them.cxpartners
 
Ashfaq Amin's UX Portfolio
Ashfaq Amin's UX PortfolioAshfaq Amin's UX Portfolio
Ashfaq Amin's UX PortfolioAshfaq Amin
 
Khalid Gaffer | UI/UX Designer Portfolio
Khalid Gaffer | UI/UX Designer PortfolioKhalid Gaffer | UI/UX Designer Portfolio
Khalid Gaffer | UI/UX Designer PortfolioKhalid Gaffer
 
Portfolio_UX Designer Miona Bojanovic
Portfolio_UX Designer Miona BojanovicPortfolio_UX Designer Miona Bojanovic
Portfolio_UX Designer Miona Bojanovicmiona bojanovic
 
Keltie Smith - Interior Design portfolio 2014
Keltie Smith - Interior Design portfolio 2014Keltie Smith - Interior Design portfolio 2014
Keltie Smith - Interior Design portfolio 2014Lakeland College
 
14 Ways to an Impressive UX Design Portfolio
14 Ways to an Impressive UX Design Portfolio14 Ways to an Impressive UX Design Portfolio
14 Ways to an Impressive UX Design PortfolioBayUX
 
UX Portfolio Tips
UX Portfolio TipsUX Portfolio Tips
UX Portfolio TipsHuge
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkVolker Hirsch
 

Viewers also liked (9)

Task modeling: Understanding what people want and how to design for them.
Task modeling: Understanding what people want and how to design for them.Task modeling: Understanding what people want and how to design for them.
Task modeling: Understanding what people want and how to design for them.
 
Graphic Designer Portfolio
Graphic Designer PortfolioGraphic Designer Portfolio
Graphic Designer Portfolio
 
Ashfaq Amin's UX Portfolio
Ashfaq Amin's UX PortfolioAshfaq Amin's UX Portfolio
Ashfaq Amin's UX Portfolio
 
Khalid Gaffer | UI/UX Designer Portfolio
Khalid Gaffer | UI/UX Designer PortfolioKhalid Gaffer | UI/UX Designer Portfolio
Khalid Gaffer | UI/UX Designer Portfolio
 
Portfolio_UX Designer Miona Bojanovic
Portfolio_UX Designer Miona BojanovicPortfolio_UX Designer Miona Bojanovic
Portfolio_UX Designer Miona Bojanovic
 
Keltie Smith - Interior Design portfolio 2014
Keltie Smith - Interior Design portfolio 2014Keltie Smith - Interior Design portfolio 2014
Keltie Smith - Interior Design portfolio 2014
 
14 Ways to an Impressive UX Design Portfolio
14 Ways to an Impressive UX Design Portfolio14 Ways to an Impressive UX Design Portfolio
14 Ways to an Impressive UX Design Portfolio
 
UX Portfolio Tips
UX Portfolio TipsUX Portfolio Tips
UX Portfolio Tips
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of Work
 

Similar to sb, ux designer - portfolio

Random House Widget
Random House WidgetRandom House Widget
Random House Widgetbobbadave
 
Andrew Rhomberg
Andrew RhombergAndrew Rhomberg
Andrew RhombergIfBookThen
 
Random House Widget
Random House WidgetRandom House Widget
Random House Widgetguest5bf13e
 
Branding the Academic Library
Branding the Academic LibraryBranding the Academic Library
Branding the Academic LibraryNed Potter
 
Amazon's User Experience
Amazon's User ExperienceAmazon's User Experience
Amazon's User ExperienceJorge Franco
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience DesignKiera McMaster
 
Ola ei top tech trends
Ola ei top tech trendsOla ei top tech trends
Ola ei top tech trendsStephen Abram
 
The Relationship Between SEO & Content
The Relationship Between SEO & ContentThe Relationship Between SEO & Content
The Relationship Between SEO & ContentJennifer Lind
 
SEO & Content - Happy Married Ever
SEO & Content - Happy Married EverSEO & Content - Happy Married Ever
SEO & Content - Happy Married EverAnil Kumar Singh
 
Anagnosi ( Marketing Plan for an Android App)
Anagnosi ( Marketing Plan for an Android App)Anagnosi ( Marketing Plan for an Android App)
Anagnosi ( Marketing Plan for an Android App)Sucharitha Saravanan
 
Pub355W: SEO, Marketing Roles & Planning
Pub355W: SEO, Marketing Roles & PlanningPub355W: SEO, Marketing Roles & Planning
Pub355W: SEO, Marketing Roles & Planningsomisguided
 
Nylrc nora apr. 2013
Nylrc nora apr. 2013Nylrc nora apr. 2013
Nylrc nora apr. 2013Stephen Abram
 
Blinkreads Presentation
Blinkreads Presentation Blinkreads Presentation
Blinkreads Presentation Ahmad Takatkah
 
Eating Our Own Dog Food: Using UX Methods to Build a UX Business
Eating Our Own Dog Food:  Using UX Methods to Build a UX BusinessEating Our Own Dog Food:  Using UX Methods to Build a UX Business
Eating Our Own Dog Food: Using UX Methods to Build a UX BusinessLouis Rosenfeld
 
User acquisition myths tips and tricks
User acquisition   myths tips and tricksUser acquisition   myths tips and tricks
User acquisition myths tips and tricksBonny Lai
 
Pub355: Discoverability: Understanding Your Audience
Pub355: Discoverability: Understanding Your AudiencePub355: Discoverability: Understanding Your Audience
Pub355: Discoverability: Understanding Your Audiencesomisguided
 

Similar to sb, ux designer - portfolio (20)

Random House Widget
Random House WidgetRandom House Widget
Random House Widget
 
Andrew Rhomberg
Andrew RhombergAndrew Rhomberg
Andrew Rhomberg
 
Random House Widget
Random House WidgetRandom House Widget
Random House Widget
 
Branding the Academic Library
Branding the Academic LibraryBranding the Academic Library
Branding the Academic Library
 
Amazon's User Experience
Amazon's User ExperienceAmazon's User Experience
Amazon's User Experience
 
Uxsg meetup #10
Uxsg meetup #10Uxsg meetup #10
Uxsg meetup #10
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
Ola ei top tech trends
Ola ei top tech trendsOla ei top tech trends
Ola ei top tech trends
 
The Relationship Between SEO & Content
The Relationship Between SEO & ContentThe Relationship Between SEO & Content
The Relationship Between SEO & Content
 
SEO & Content - Happy Married Ever
SEO & Content - Happy Married EverSEO & Content - Happy Married Ever
SEO & Content - Happy Married Ever
 
Anagnosi ( Marketing Plan for an Android App)
Anagnosi ( Marketing Plan for an Android App)Anagnosi ( Marketing Plan for an Android App)
Anagnosi ( Marketing Plan for an Android App)
 
Pub355W: SEO, Marketing Roles & Planning
Pub355W: SEO, Marketing Roles & PlanningPub355W: SEO, Marketing Roles & Planning
Pub355W: SEO, Marketing Roles & Planning
 
Nylrc nora apr. 2013
Nylrc nora apr. 2013Nylrc nora apr. 2013
Nylrc nora apr. 2013
 
Blinkreads Presentation
Blinkreads Presentation Blinkreads Presentation
Blinkreads Presentation
 
Dmitri Application
Dmitri ApplicationDmitri Application
Dmitri Application
 
Eating Our Own Dog Food: Using UX Methods to Build a UX Business
Eating Our Own Dog Food:  Using UX Methods to Build a UX BusinessEating Our Own Dog Food:  Using UX Methods to Build a UX Business
Eating Our Own Dog Food: Using UX Methods to Build a UX Business
 
E publishing
E publishingE publishing
E publishing
 
OffersnBooks
OffersnBooksOffersnBooks
OffersnBooks
 
User acquisition myths tips and tricks
User acquisition   myths tips and tricksUser acquisition   myths tips and tricks
User acquisition myths tips and tricks
 
Pub355: Discoverability: Understanding Your Audience
Pub355: Discoverability: Understanding Your AudiencePub355: Discoverability: Understanding Your Audience
Pub355: Discoverability: Understanding Your Audience
 

Recently uploaded

How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 

Recently uploaded (20)

How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 

sb, ux designer - portfolio

  • 2. In-house creative services department 
 servicing a hospital network of 18,000 affiliated physicians, nurses, staff and volunteers. Full-service boutique design firm 
 assisting clients in the professional, retail and technology industries. ! Marketing and branding agency
 specializing in collateral for the biotechnology, pharmaceutical and medical device industries. My experience…
  • 3. Information Architecture Interaction Design Visual Design Content Strategy Communications Design Conceptual Design Brand Strategy My specialties...
  • 4. Point-of-purchase packaging system Continuing education catalog template Ad campaign to prevent scald injuries Online classes and events registration Online classes and events catalog Physician search 
 & results page Responsive 
 e-commerce site Property management inspection app Library eBook 
 borrowing app Native Mobile Apps Responsive E-Comm Websites Desktop Experiences Search & Results Pages Packaging Systems Ad Campaigns My deliverables...
  • 5. Happy Inspector App software to digitize property inspections. Project Work with development team to add customize ratings feature to iPad app. My Role • Information Architecture • Interaction Design • Visual Design ! Case Study
  • 6. Scenario 1: Joe, a property manager of a 
 multi-family home, is mid-inspection when he realizes the Entry-way Walls could use painting. Joe selects Walls, then Edit Ratings.
  • 7. Scenario 1, continued: He updates Fair icon label to Paint and applies this change to Entry Ceiling as well.
  • 8. Interviews to Task Model: Happy Inspector's in-house customer service and sales teams helped me uncover user goals and process.
  • 9. Wireframes: Utilized paper mockups to explore various user flows quickly.
  • 10. Sitemap and User Journey: Determined overall app structure and the Edit Worksheet user flow.
  • 11. Hi-fidelity Mockups and Animation Specs: Created deliverable to illustrate screen details with associated animations.
  • 12. Scenario 2: Condo-unit property manager updates an active worksheet by selecting a new Rating Group from the Library and applying it to Walls and Ceilings in the Entry-way.
  • 13. Scenario 3: Single-home property manager selects a Rating Group from the Library and updates it by creating a custom icon.
  • 14. General Assembly User experience design course, 2014. Project Create a mobile app that allows user to search and borrowing eBooks from the library. My Role • User Research • Information Architecture • Interaction Design ! Case Study
  • 15. Scenario 1: Margie likes to plan ahead and wants to select a date when the book will automatically download.
  • 16. GA  Script     FOCUS   Main  question   ● How  is  finding  a  book  on  Amazon.com  better  than  at  the  public  library?  ● How  do  people  find  titles  they’d  like  to  read?  ● How  do  you  decide  if  a  book  is  worth  reading?  ● What  borrowing  process  makes  sense  for  the  library?     SCRIPT   Discovery   ● How  do  you  discover  new  books  to  read?  ● word  of  mouth,  friends,  amaazn  good  reads,  browsing  book  store/libary  ● look  for  in  a  book:  top  best  sellers,  how  they  pop-­up  when  purchase  people  also  also  liked…   ● read  description,  star  ratings,  read  pub  reviews  from  publishers  weekly,  carefully  browse  user   reviews  (no  spoilers)   ● If  a  friend  recommends  a  book  to  you,  how  do  you  find  the  title?  Where  do  you  look?  (amazon,   library,  etc.)   ● When  you’re  browsing  a  list  of  titles,  what  information  prompts  you  to  look  further  into  the  book?   (ratings,     ● If  you’re  researching  a  subject  online,  how  do  you  decide  which  resources  are  most  relevant   ● How  many  books  do  you  read  at  the  same  time?     Purchase  /  Reservation  /  Borrow  Transaction  ● What  was  your  last  experience  at  the  library?  What  did  you  go  for?  What  did  you  end  up  doing?   ● When  you  visit  the  library,  do  you  ever  ask  the  library  staff  for  reading  recommendations?   ● What  instances  might  prompt  you  to  borrow  a  book  from  the  library?  What  types  of  books  have  you   borrowed  in  the  past?  (Have  you  ever  checked  at  library  before  you  bought  a  book)     Demo  Tasks   ● Find  2  different  books  to  read  on  a  plane  ride  to    the  weekend  from  a  library  then  on  amazon   ● Find  a  book  in  the  library,  find  a  book  with  a  similar  subject/category  ● Find  a  book  in  amazon,  find  a  book  with  a  similar  subject/category   Industry Research: Understanding library lending and publishing restrictions provided insight on stakeholder challenges.! ! We also uncovered important information about metadata associated with each title.! ! User Research: We uncovered data that helped us focus our minimal viable product. Researched challenges of eBook lending from publisher to library Created a screener to find people who read eBooks and patronize the library on a regular basis Conducted one-on-one user research to determine what information people value when searching for books Results helped us formulate the information hierarchy on the search results and title landing pages
  • 17. Task Model: General task flow determined based on user research.
  • 19.
  • 20.
  • 21. DQM for Vans Independent skateboard shop partnering with Vans to sell limited edition products. Project Utilize mobile-first approach to create a consistent responsive experience. My Role • Information Architecture • Interaction Design ! Case Study
  • 22. Site Map and Scope
  • 25. Sharp HealthCare Hospital system in San Diego, CA. Project Redesign online catalog of community classes and events. My Role • Information Architecture • Interaction Design • Interface and Visual Design ! Case Study
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34. Sharp HealthCare Hospital system in San Diego, CA. Project Add vendor reservation tool to emergency room landing page. My Role • Content Strategy • Interaction Design • Interface and Visual Design ! Case Study