![](https://cdn.myportfolio.com/7c2f992b-d2f5-4215-bb68-aa0906db3889/f56d4380-e75d-4cf9-b021-d7d7182b223a_rw_1920.jpg?h=1a22bde2533587e1e648bfed64214668)
My Role
Lead Researcher
Visual Designer
Visual Designer
My Contributions
• Created a tool to capture client feedback about the old website
• Developed a survey to gather data about users' needs and preferences for the new site
• Analyzed data and translated findings into design objectives
• Built a new visual language and redesigned the website
• Collaborated with a developer to produce the new site
• Developed a survey to gather data about users' needs and preferences for the new site
• Analyzed data and translated findings into design objectives
• Built a new visual language and redesigned the website
• Collaborated with a developer to produce the new site
![](https://cdn.myportfolio.com/7c2f992b-d2f5-4215-bb68-aa0906db3889/c427ab5d-38b8-42dd-ba3e-c4f398caedf5_rw_1920.png?h=8cda48b0a1e405683c9c92e928e0a943)
Huckleberry House identified several drawbacks to their old website and asked us to create a new website to address these issues. Huck House said the navigation menu confused some users, important features weren't prominent enough, and the overall visual styles were inconsistent and outdated.
![](https://cdn.myportfolio.com/7c2f992b-d2f5-4215-bb68-aa0906db3889/107e434d-f2df-488b-9df2-e59a14c39557_rw_1920.png?h=591cdbee7be537f6dcb7e5096ee0ab08)
Due to Covid-19 restrictions during the early stages of the project, our team was unable to meet face-to-face with Huck House to discuss design objectives. To empower the client to provide good design direction, I created an interactive PDF tool to enable them to analyze, document, and share via email, their design goals for every page on the site.
![](https://cdn.myportfolio.com/7c2f992b-d2f5-4215-bb68-aa0906db3889/9a0fa2cb-b3e4-4588-b166-9e713cc32135_rw_1920.png?h=ed2d2a55ef3a775a9221171d5fe66e08)
To uncover what users needed from the website, I developed a survey that was distributed to Huck House staff, board members, and clients. The survey captured quantitative and qualitative data that lead to key insights for the design process.
![](https://cdn.myportfolio.com/7c2f992b-d2f5-4215-bb68-aa0906db3889/ce9c42c3-dd7a-4f02-946b-61aa5d0822dc_rw_1920.png?h=7b0bce4f6d26d157203152189f9c5b11)
My analysis of research data illuminated three primary opportunities to build a better website: (1) consolidate content to streamline navigation; (2) bring Huck House's story to the forefront; and (3) modernize the visual design.
![](https://cdn.myportfolio.com/7c2f992b-d2f5-4215-bb68-aa0906db3889/9655ff31-9841-44ff-bcaf-9643c95571ea_rw_1920.png?h=e20a21de55be1ddb2f7de686b06fd8ac)
In addition to spearheading the project's research efforts, I was also responsible for redesigning the site layout, user interface, and overall visual design.
I translated the client's direction and other research insights into wireframes and mockups, gaining the client's approval at each step of the process.
![](https://cdn.myportfolio.com/7c2f992b-d2f5-4215-bb68-aa0906db3889/254c6824-2e78-4500-add6-8d8494e262cb_rw_1920.png?h=35a839c09a390d7385e42bf25bfcd021)
I collaborated with Formation Studio's project manager and web developer to produce the new website in November 2020.
We made several improvements to the website, including creating a new visual language, including more of Huck House's existing media to tell their story, and making the site easier to navigate.
![](https://cdn.myportfolio.com/7c2f992b-d2f5-4215-bb68-aa0906db3889/ad4fc4b0-3095-41af-9534-81f2ac836670_rw_1920.png?h=4d93bf82d643e0572759d8ebf5510601)
The Huckleberry House website before (left) and after (right) the redesign.
The Formation Studio Team
Alan Jazak: Design Director
Elizabeth McQuade: Project Manager
Matt Rhodes: Web Developer