Case Study
Case Study
Case Study
Creating A Compassionate Experience
Creating A
Compassionate
Experience
The rebrand and redesign
of a government website
The rebrand and redesign
of a government website
My Roles:
UX Researcher
UX and UI Designer
Art Director
Project Manager
My Roles:
UX Researcher
UX and UI Designer
Art Director
Project Manager
My Roles:
UX Researcher
UX and UI Designer
Art Director
Project Manager
My Roles:
UX Researcher
UX and UI Designer
Art Director
Project Manager
User Research
User Research
Problem
Problem
Today’s Texas Health & Human Services houses a vast amount of information that is difficult to navigate. Users are looking for a better way to obtain information easily, efficiently and effectively.
Today’s Texas Health & Human Services houses a vast amount of information that is difficult to navigate. Users are looking for a better way to obtain information easily, efficiently and effectively.
Usability Testing - CURRENT SITE
Usability Testing ON CURRENTY SITE
100%
100%
Frustrated
Frustrated
60%
60%
Used Search
Used Search
60%
60%
Felt Inadequate
Felt Inadequate
100%
100%
Disappointed
Disappointed
Restructuring Hierarchy Plan
Restructuring Hierarchy Plan
Restructuring
Hierarchy Plan
Overall Branding
Overall Branding
A space for compassion, understanding and ease of getting basic needs met. Create a safe and welcoming service for those who need to feel cared for. Use infographics to illustrate benefits and information. Compassionate, easy to navigate, informative and educational. Soft, Earth, human, kind.
A space for compassion, understanding and ease of getting basic needs met. Create a safe and welcoming service for those who need to feel cared for.
Use infographics to illustrate benefits and information. Compassionate, easy to navigate, informative and educational. Soft, Earth, human, kind.
Information Architecture
Information Architecture
Organize information effectively by using a typography and hierarchy system. Through usability testing, titles of sections need defining with more clarity. Moving sections of information to compartments that better serve their purpose.
Organize information effectively by using a typography and hierarchy system. Through usability testing, titles of sections need defining with more clarity. Moving sections of information to compartments that better serve their purpose.
SITE MAP
SITE MAP
Design
Design
Branding Moodboard
Branding Moodboard
Navigation
Navigation
I created the navigation interface to be clean, straightforward, and accessible. Employing a consistent square form that alters hue on desktop when hovered enables users to effortlessly navigate and locate the data they require.
I created the navigation interface to be clean, straightforward, and accessible. Employing a consistent square form that alters hue on desktop when hovered enables users to effortlessly navigate and locate the data they require.
Imagery
Imagery
Imagery
Photography feels compassionate, relatable, and positive.
Photography feels compassionate, relatable, and positive.
Typography
Typography
Typography choices and information hierarchy is crafted to help viewers navigate easier through content.
Typography choices and information hierarchy is crafted to help viewers navigate easier through content.
Rough Sketches & Concepting
Rough Sketches & Concepting
Wireframes
Wireframes
Desktop
Navigational System Design
Desktop
Navigational System Design
The main navigation spans the top of the page. Large, simple dropdown menus appear on hover allowing user to view the contents within each section.
The main navigation spans the top of the page. Large, simple dropdown menus appear on hover allowing user to view the contents within each section.
Desktop Wireframe Templates
Desktop
Wireframe Templates
Mobile Wireframe Templates
Mobile
Wireframe Templates
NAV MENU
SECONDARY
MENU
HOMEPAGE
SECONDARY
LANDING PG
CONTENT
PAGE
CONTENT
PAGE
Usability Testing
Usability Testing
Key Findings with Usabilitiy Testing New Design
Key Findings with Usabilitiy Testing New Design
+
“Much easier to navigate”
+
“I feel like I’m really going to be taken care of”
+
“I feel like I’m really going to be taken care of”
+
“This now looks like a HUMAN and HEALTH Service site”
+
“The imagery brings life to the matter”
-
“Desktop copy is too small for me to read”
+
“The imagery brings
life to the matter”
-
“Desktop copy is too
small for me to read”
Branding Styleguide
Branding Styleguide
High-Fidelity Prototype
High-Fidelity Prototype
HIgh Fidelity Compositions
HIgh Fidelity Compositions
Key Takeaways
Key Takeaways
Most government organizations house an abundant amount of important information both for the people that it serves, and the people who work within and for the organization. Step by step processes help site users find the information they are looking for easily, effortlessly and efficiently.
Most government organizations house an abundant amount of important information both for the people that it serves, and the people who work within and for the organization. Step by step processes help site users find the information they are looking for easily, effortlessly and efficiently.
Users need terminology that is directive and relatable. Updating some of the navigational titles created a more comfortable and easy flow.
With a simple and clean navigational system users were less, if at all, frustrated with locating the information they were tasked to find.
Users need terminology that is directive and relatable. Updating some of the navigational titles created a more comfortable and easy flow.
With a simple and clean navigational system users were less, if at all, frustrated with locating the information they were tasked to find.