LYN : Lyn will come to the main home page and from there make her decision on whether this is a site worth looking at more. The first thing she sees is. the most important part and is how she makes her decision. if she doesn't know what the sites mission is by just looking at the home page she cant be bothered looking at the rest of the site. 

ALEX: Alex is looking at non profit sites all the time and the ones that are confusing and don't have a simple layout are too frustrating to navigate. He will be mainly looking for contact information and wants to be able to easily navigate to there. 

LILY: Lily likes simple and effective sites that aren't messy and are modern. Being young she's drawn to good imagery and easy to understand mission statements. She wants to know whether volunteering is a possibility when she comes to these sites so therefore knowing where to find this out is important if she struggles to find this information she easily gives up. 

How might we make the site easy to navigate ?
- Make main nav bar simpler with less content 
- compress information don't have a lot of the same things  
- hierarchy of information
- Only have what is truly important and necessary for a user to know on the site / discard unnecessary information 

How might we attract users to keep viewing the site?
- Have a strong call to action
- bold imagery 
- Easy to understand mission statement that gets the point across
- an eye catching home page 

How might we get people to get involved ?
- Strong call to action 
- Powerful statement on why people need to help
- show imagery of the cats and about them
- Donate button on display 
- easy access contact 

A/B testing :

There were two designs for the home page and two design directions that were considered. I tested both pages on 5 people with the majority saying the more blocky style home page was the better option. Two users felt the more spaced out home page was more clean looking however, the other users felt that this homepage lacked originality and was too typical to most website layouts. The other users felt the other direction would allow for more creativity when it came to design. 
The logo was also tested with two different designs with all users feeling the first design was simplistic and went well with the overall design better than the other logo. 

User testing:

First wireframes :

user one : User one felt the overall design was done very well with the block style really making the design stand out. they felt the design had a lot of strengths and didn't need much improvement except for the footer which the felt was unbalanced which confused this user. This was improved with the footer being changed with more balance between elements taken into consideration. 

user two : user two felt the design was well put together and really though the style for this particular theme of the site worked well. The only thing they pointed out was an error in the newsletter and that there was no submit button which was easily improved upon. 

user three: User three also felt the same as the other user when it came to the design choices. The only improvement the had was the nav bar felt unbalanced and boring compared to the rest of the design. The suggested putting home on the side to even out the links but instead the nav bar was changed all together and was a big improvement. 

High fi :

user one & user two : Both users felt there was nothing that needed to be improved upon and they felt the design was striking and well put together. They felt the colour scheme was bold and image choices really brought everything together. 

user three: User three had some critiques on a few things to improve the site further. These were that some of the text needed more line space as there wasn't enough breathing room. Also with the nav bar before the change they stated it could be a difficult nav bar to create in word press, with this in mid the nav bar was changed and may possibly change again depending on the difficulty of the new nav bar. Finally user three felt that more bold typography could be used to really make certain text stand out to make a statement. 

Below is a figma mockup of the UX design. The screen it is displayed on is a macbook pro and the design was made for a desktop therefore some areas of the design are cut of when they should be showing