Research Process

1-Heuristic Evaluation

Performing a heuristic evaluation of the site, we began to understand where users would encounter pain points throughout the website including accessibility issues, illegible text and a lack of responsive web design.

2-User Interviews & Surveys

After understanding how the website wasn't serving PEAS fully, we then turned to our users and potential users to understand their needs and how we might broaden the organizations reach through out their potential user base.

3-Competitive Analysis

Understanding the success and struggles of comparable organizations provided insight it the areas where PEAS was offering something that the competition was not. This analysis included both direct and indirect competitors regional and national in order to provide a more comprehensive picture of the field in which this non-profit was operating.

4-Site Mapping

Creating a site map allowed us to create the inventory of the site and to understand the issues that existed with navigation and the hierarchy of the website itself discovering the areas that could be improved through reconstruction.

Creative Process

1-Storyboard

With all of the newly gathered data the team was able to come together and begin the creative process including elements like user scenarios, storyboards and other brainstorming activities to bring all of our ideas and voices to the table. This allowed us to move into prototyping with a creative and cohesive voice for the website.

2-Mood Board

We gathered inspirational imagery from PEAS itself. PEAS welcomes you in with inviting colors, playful fonts and joyful icons. Kids will love the plants, flowers and bunnies and parents will trust the imagery detailing our long history of working with children.

Protoype Process

Moving into the prototyping phase, the team was able to have a clear vision for the construction, look and feel of the first iteration of the project. Looking to both mobile and desktop, the design was built in the mobile first method and then scaled up to the desktop in order to avoid any responsive issues that can arise when try to work in the reverse order.

1-Wireframing

We built wireframes for both mobile and desktop user experiences. Our key drivers were keeping the design playful but minimal while also scaling the design for accessibility.

2-Usability Testing

Conducting a series of usability tests in which users were given three tasks to complete led to insights into how we could improve upon the prototypes and where we may have made assumptions about our users.

4-A/B Testing

Through A/B testing we were able to fine tune the navigation and give the user an enjoyable and productive experience when visiting the PEAS website.

3-High-Fidelity Prototyping

Moving into the final phases of the project, the vision that we had all worked to build was starting to emerge. Utilizing all of the information gathered in our research, the ideas and concepts we had shared in our brainstorming sessions and the problems and solutions that were brought to light in our prototyping and testing created a product that would serve not only the visitors to the PEAS website but the organization itself more fully.

The University of Texas at Austin

McCombs School of Business | UX/UI Bootcamp Professional Certificate, 2022

University of New Mexico

College of Fine Arts | Bachelor of Fine Arts, Studio Art, 2009