Summary of the project

Discussions about the project started late in 2020. The goal was to update/refresh the website so it accomplished two main goals.

  1. Be accessible to people with disabilities.
  2. Be mobile friendly.

 

Research

After taking a look at the previous website. I found there were issues with the website. such as:

  • Outdated platform.
  • Heavy use of graphical accents.
  • Not accessible to people with disabilities.
  • Not compatible with mobile or tablet devices.
  • It was slow and takes way to long to load.

Tasks and goals

With the issues presented with the old website, discussions were made to talk about what was needed for website and how to accomplish it. The main goals this project was suppose to accomplished was to:

  1. Be accessible to people with disabilities.
    • WCAG 2.0 standard.
    • Screen reader support.
    • Accessible settings.
  2. Update the website to current coding standards and securing the website.
  3. Have a website that supports mobile and tablet screens.
    • Responsive design.
  4. Have an efficient website that supports high traffic.

During the discussion, some stretch was given for the project

  1. Integrate a membership aspect to the website.
  2. Integrate an eCommerce shop on the site.
  3. Have a better clean way for users to donate to Pride Toronto.
  4. Able to support multiple languages.

The look of the new website to incorporate Pride Toronto’s shift to a more a year-round advocacy organization than the once a year festival. Some examples of sites Pride Toronto was looking at are:

  • The Government of Ontario
  • The City of Toronto
Reference - The Government of Ontairo Website.
Reference - The City of Toronto Website.

Process/Mockups

The mock ups of the new website, incorporates aspects of more of a informational role Pride Toronto wants to go to but at the same time keeping the values of Pride Toronto and keeping it fun.

Homepage Mock Up
Single Page Mockup

Results

The whole project took 3 months to complete from the start to the end. During this time, the website has changed since the first mock ups after multiple feedback from the members and staff of Pride Toronto.

At the end the website, completed its main goal and them some. It was able to be accessible to members of the public, it was able to be properly viewed on mobile/tablets and lastly it was able to handle high traffic. On top of the the website includes an eCommerce store, a membership site and its able to support multiple languages.

A Screenshot of the Live Home Page.
Talks with Pride Toronto on a website design started at the beginning of 2021. At first, the project was to update the previous website to be WCAG compliant and mobile compatible. But as we looked into the website we noticed several issues such as, the framework of the previous website being old and outdated which meant it was more vulnerable to exploits. Secondly, the website was not properly designed for mobile even though 40-50% of visits were from mobile. To solve this issue we, decided to rebuild the website from the ground up focusing on mobile and being accessible. The finished product is the result of multiple reviews from the members and staff of Pride Toronto. It is still focused on being accessible and mobile-friendly but still captures the values of Pride Toronto.
Share
Categories
Web Design
Tags
Work Experience
Project URL
pridetoronto.com
Client
Pride Toronto
Release Date
Febuary 2021
Launch Project

Related Projects/Works