Skip to content

Accessible Petersburg Project

Mariia Savinkova edited this page Jun 13, 2022 · 1 revision

Project Description

The “Accessible Petersburg” project is an information resource aimed at people with disabilities. It gathers the cultural institutions that work towards inclusiveness in one place. Future users will be able to prepare in advance and independently organise a trip to the museum, and learn about the accessible programs that are held there.

Usage

In terms of interface, the project consists of three parts.

Museums

On this page, the user will see a list of cultural institutions that are adapted for people with special needs. Each museum's card displays its name, address, nearby metro station, and two tags: accessible environment and events. The first tag appears if the institution has created a barrier-free environment for visiting, while the second tag reflects the number of inclusive programs that the museum is currently implementing. Part of the interface of the main page is shown in figure 1.

Main page of the website

The user can click on the card and go to the museum page. Here the user will see three sections: contact information (figure 2), information to prepare for the visit (figure 3), and a list of events (figure 4).

Interface page of the State Hermitage Interface of the website part about the accessible environment Interface of the website part about the accessible events

Map

A map is another way of presenting a list of institutions. This section will be more useful for people without visual impairment, since reading Google Maps by screen readers is still difficult. From this page, the user will also be able to go to the page of the museum. The implemented map is shown in figure 5.

Interface of the map

Contact form

This page is needed for users to contribute to the project. For example, if a cultural institution wants to share information on an inclusive program they run, they can send the information here. Since the project is non-commercial, the contribution of enthusiasts will allow the project to grow faster. The contact form is shown below in figure 6. Interface of the contact form

Deployment

Code was exported from Webflow with the help of Stacket

How to use the files?

To deploy the websites you should sign up for Vercel https://vercel.com/ or Netlify https://netlify.com/ and select this repository.

Want to deploy to your own Server? Look into https://github.com/marketplace/actions/ftp-deploy

Videos Tutorials

Vercel: https://www.loom.com/share/26e7a715439548aaa1163da678398a80 Netlify: https://www.loom.com/share/ae57107c049b4574a2ecb59167715329

Authors

Feedback

If you have any feedback, please reach out to me at [email protected]