Mood Board and Personas
It was very important for the new website to communicate the right atmosphere. Our clients know that when it comes to fitness, motivation and a positive attitude are essential. We created a mood board and personas to represent these values before continuing with the site design. These deliverables help to keep the end user in the forefront of the design process.
We created low-fidelity wireframes to map out the new website’s structure and page layouts. These were great for communicating the design vision and getting early feedback. The wireframes went through a couple rounds of iteration as final content was developed.
Initial Mockup and Mood Test
We believe it is important to continually test your design throughout the creation process. In this case we wanted to make sure that we were on the right track before completing our high-fidelity mockups. Our approach was to create a mock-up of the homepage first and then test it with recruited users. We created a mood test that showed participants my design and asked them: “How does this page make you feel? Please list your top three emotions.”
The majority of responses were positive and captured the desired mood perfectly. However, there were some negative responses such as “overwhelmed” and “busy”. Based on these results, we modified the design by reducing the amount of colour, increasing whitespace and improving the text readability.
Another challenge we faced with was to figure out the best placement for content regarding special events and private parties. The client did not want to dedicate an entire page to this information but we weren’t sure where users would expect to find this content.
To help with this, we set up a click test. Recruited users were presented with the homepage and were asked to click where they would expect to find information about hosting a private Zumba party.
The test results showed that users would look for this information on both the classes and contact page. We modified our design accordingly.