Recap This project is to create a website for the participatory collective, a foundation that is made by the ideas fund, that helps support local charities in and around Hull. Its main goal is to help fund charities and projects that they think can make a difference. Their goal is to spread awareness of different charities, give users a place to find resources and fund projects that will help better those in under funded communities. The focus of this project is to create a website that brings charities across Hull into one space for users. This gives users an easy…
-
-
-
The ideas fund is run by the British Science Association who are a grants programme that helps local charities. The ideas fund was established in January 2021 to help uplift local charities that have a focus on mental well-being. They fund projects that they think will make a difference. The goal is to help spread awareness of different charities, give users who are in need a place to find different resources, help family members get support and fund charities/projects that will better those effected in the local communities. The Ideas fund has a different approach to applying for funding, they…
-
Design Style Guide Narrated Video – App https://youtube.com/shorts/vL_0jmlY6qk?feature=share Narrated Video – Website
-
Final Mid-Fidelity app design Here is my final layout for my onboarding, this is three pages of information that will help users navigate the app. I am overall happy with how this looks and will add more detail in my final outcome, such as images or patterns to replace the white backgrounds. Here are both the home pages for my app and website. There is not much difference between my home pages apart from the top right corner where the ticket button on my app is replaced with a help button. I made sure both of these home pages are…
-
Onboarding Onboarding is important to include in my design as it guides users to key points of the app and reduces confusion in the future. For my onboarding, I chose do 3 slides that tell users different things such as information on how to buy ticket and where to find them. An important part of the onboarding is a skip button that allows users to chose if they want to read the onboarding steps or not. Sketches of my onboarding page Here are the sketches I made for my onboarding pages, I had a clear idea of what I wanted…
-
Logo This is the development for my logo, this is used at the top of my main page for both website and app. Based off my mood boards I wanted a bigger font that follows the 70s ascetic and is clear so users with sight needs will be able to read it. Experimenting with fonts Here are some samples of the various fonts that I have tried. I wanted a bold font that would stand out and a smaller font on the button that compliments it. Once I selected my font, I changed the spacing between the letters and put…
-
Here are the mid-fidelity layouts for my website. These layouts include the same as the app I created. Like my app pages I used previous research to make my website as accessible as possible to different types of users. I made sure these pages require the minimum amount of clicking and scrolling to accommodate for users with mobility needs who struggle to use a mouse. This is the menu where users can select the page they want When I transformed these pages from my mid-fidelity app layout, I made the headings at the top of each page bigger so users,…
-
Here are my mid-fidelity layouts I created in Figma. These layouts include pages include the home page, sellers page, a page to buy tickets and more. When creating these pages, I kept my user journey map in mind so my app would be accommodating to as many users as possible. I tried to make the most clear and understandable process to buy tickets as that is the most important part for users. This was also what a lot of users wanted based on my user personas. On this page I’ve used a clearer font that is easy to read for…
-
These two layout are the first designs I rejected. The design on the left is not pleasing to the eye which could put users off and not want to buy tickets. Another problem with this design is the buttons at the top to select which allows the user to set which piece of information they want to read, are too close together. This could make it difficult for those on a smaller screen or users with mobility problems to click. The design on the right also rejected because the top is too close together and have the same problems as…