A web application with information on safe abortion access, support and care in the United States post Roe v. Wade. It includes links to assist with locating clinics for safe abortion, finding funds for abortion care, legal resources, protecting your privacy online, accessing the abortion pill, accessing mental health support, organizations to donate to and ways to get involved as an individual.
Link to project: https://theafinder.info
The A Finder's design was conceptualized in Figma with a basic wireframe and colour palette. Then we set out sourcing realiable, helpful information under each category to flesh out the content. The site was built with a mobile-first approach as msot users will be discovering the site via mobile. For this reason, it was extremely important to ensure that the website elements were accessible and that the site had a fast load time. This was achieved using accessibility best practices such as design with high colour contrast, alt text on images, and clear layout structuring. The load time was kept low through minimal graphic use, optimized images and dry code.
Tech Used: HTML, CSS, JavaScript
If I had more time for this project, I would have liked to add translations in multiple languages so more people could easily access the content. I would also add smooth transitions for page jumps to enhance the user experience.
The main challenge of this project was delivering a product that was both minimal and engaging. The experience was expected to feel comfortable and welcoming for the user, so colour and graphic art style were very important. The menu was also to have the same aesthetic, so I carried the colour palette over and added a smooth transition upon toggling the sandwich icon.