High fidelity prototype: https://www.figma.com/site/Q4EgITIUWtC8RZzLsPDB4m/high-fidelity-prototype?node-id=0-1&t=nE1bMYmzedtDslj3-1
For my high fidelity prototype, I made a clear navigation system. I used a scroll function on the right-hand side of the web page, like most websites/web pages. I wanted to make it simple so that users with accessibility needs can use the web page as designed. I also made this dark grey so that it would be clear to see and that it would stand out.
For the structure, I used both light and dark shades of my primary colour to cause contrast for the user so that they wouldn’t lose interest in the web page and it may help users with accessibility needs. I tried to make the structure seem as clean as possible without leaving out any crucial information. I also wanted my web page to look like an actual website page so I used both text and images in my design to make it more website-like.
I also wanted my web page to have a meaning which I expressed through my colour choices. The colour purple represents a lot of values that compare with the participatory collective values. I used different shades of purple to give my web page some contrast and different shades have different meanings.
For interactions, I have many different buttons on my web page that the user can click on, such as the donation amounts, and the “submit” and “pay now” buttons. They will change colour slightly while pressing them and change back to the original colour when the user lets go. I also made some text that appears when you scroll down to a specific point of the web page. I also added social media links that will actually take the user to the specific social media website. I did this so that the user can actually show their support instead of just reading a block of text.