UX Strategy Process
In order to maximize your website's ability to meet your KPIs, it's important to conduct the necessary User Experience (UX) research early in the process. This may include:
View UX Steps 
Hide UX Steps 
- User Personas — identifying your audience in detail
- User Stories — listing specific goals these users are trying to achieve on your website
- Journey & Empathy Mapping — listing the steps your users take and what they say, think, do, and feel as they try to achieve their goal in order to find any pain points
- Content Gap Analysis — Analyze the website's content to see if all user goals are able to be achieved, or if important content is missing
- Content Model — Creating an inventory of your content and defining each item's attributes, type, and relation to other content
- Tree Testing — Conducting user research that helps validate if users can find information in a proposed menu structure
- Story Mapping — Connecting the issues uncovered in the previous steps to the solutions and new steps in our redesign
- Low-Fidelity Wireframes — Creating quick, simple, and usually without colors or photos, visual representations of the layout, functionality, and placeholder content for the new website
UI Design Process
User Interface (UI) design is the process of creating elements on your website that are intuitive and fully accessible. By using best practices to design your website's components and layout, your website will be fast loading, indexable by search engines, and able to convert visitors into users that action. This process may include:
View UI Steps
Hide UI Steps
- Mood Boards — viewing a set of image and color palettes to ensure the website's tone and visuals will align with the overall branding
- Accessibility — using best practices to ensure that those with impairments, physical disabilities, and cognitive disabilities can use your website as intended
- Components — creating an inventory of reusable elements that help users learn how to use the website through consistency, and help the internal team to easily update the website
- High-Fidelity Mockups — designing pixel-perfect, realistic, previews of what core pages will look like for in-depth stakeholder feedback
- Prototyping — creating clickable and interactive designs that mimic the functionality, transitions, and features of the proposed website for final stakeholder feedback and developer reference
- User Testing — gathering feedback from non-stakeholder focus groups on one or multiple variations of wireframes, mockups, or prototypes for content, features, functionality, and design
- Governance Guide — drafting a guide that informs stakeholders how to update the website in regards to content, usage of components, and overall best practices
- Development Documentation — creating the component library specifications for the development team that itemizes how each element will perform on different devices, when engaged with, and updating requirements
