Crafty
Responsive and Accessible Website Project
Note: This project includes an interactive element. View Crafty's live website.
A mockup of a responsive crafts website, displayed on a smartphone, a tablet, and a laptop computer.
Crafty is a website dedicated to arts and crafts projects of multiple types of media and is specifically designed with web accessibility standards in mind. Crafty is usable by anyone, but its primary demographic is senior citizens, and multiple test users expressed concerns about site readability and ease of navigation, as well as some additional concerns regarding image visibility.
A persona exercise, making sure to keep in mind the primary target audience for Crafty.
Taking all of these factors into consideration, Crafty was designed with text large enough to easily read, but simultaneously not so large as to overwhelm visitors. All text content on Crafty maintains sufficient contrast against its background, and the navigation links are present both at the top of the page in the header, as well as at the bottom of the page in the footer.
Early drafts of the Crafty website, notably featuring a different color scheme and layout.
It is also worth noting that all of the images used across Crafty are not only properly formatted for the web (RGB, 72 pixels per inch), but each image has an alt attribute associated with it so that users who are visually impaired or may otherwise be using assistive software can still gather the necessary information about what is on the page.
You can also View Crafty's live website.