Competitive Analysis:

From these sites, I gained a few key insights into what can make a successful website:

• Offering resources for visitors, like a blog or videos, can help people learn more about you and your training style.

• Position the site to a target audience, and make that target audience clear. For Alex, his target audience is senior citizens.

• Advertise your step-by-step process. Visitors will be able to see what they should expect from working with the trainer and visualize their progress.

• References or success stories can make the trainer seem a lot more credible.

Dan and I wanted the brand to be visually calming to users because they are already feeling overwhelmed by wanting to be healthy. We  also wanted the website very easy to read since the client is color blind, and the users are an older demographic and some might have chronic illnesses. Dan and I made sure everything was WCAG compliant. We also felt that working out, and keeping that sense of calmness allowed us to stick with earthy tones of blue and green. Lastly, we needed to make sure everything was consistent as possible, so every single button is blue so users know that if it is blue, it is clickable.

Typography:

Since we are targeting an older demographic, people with health issues, and color blindness we wanted a typography that was very easy to read. We chose Roboto and Noto Sans JP because they are both very easy on the eyes. We wanted Roboto because it also has different thicknesses so we can make unique headings.

Wireframes:

Dan and I split up the work and each created wireframes for 2 pages of the site. Referencing our site map, we knew what content had to go on the page, so there was no overlap. In our next meeting, we critiqued each other’s designs and found a common ground where both of us were able to share our vision for how the site should look.

After conducting some usability tests on the website Dan and I learned that the consistency of our buttons was very helpful to users. They knew and understood that if it was blue, they could click it. We also learned that on the homepage, after seeing what Alex offers, they want to be able to learn more about it, so when you scroll to that part of the page a small explanation appears over the picture. 

Users also were confused about the sign up bar for Alex’s newsletter. We made it wider, and easier to read, and clearly labeled the button as a sign up to a subscription.

Accessibility:

Lastly, we tested the accessibility with the client who is color blind and users with visual impairments. This helped us determine if this website can easily be used for people with chronic health issues and visual impairments. All users were able to see and use the website appropriately.