Web Design


DIVERSEcity Community Resources Society (DIVERSEcity) is a non-profit organization that provides resources, services, and programs for immigrants in Canada. Having served the B.C. Lower Mainland area for 40 years, the organization’s existing website was deemed to be dated looking and hard to navigate; thus, was in need of a radical redesign to better help newcomers in the Surrey, Delta, Langley, and White Rock communities.

View Website


What We Delivered:

  • Custom WordPress Website
  • UX Design
  • Website Audit


  • Website Design
  • WordPress Training
  • Content Strategy

The Challenge:

One major challenge of this project was the vast amount of content that needed to be reorganized on the new website. As the targeted audience for the website consists of individuals from a variety of backgrounds and cultures, the website had to be user-friendly and easy to understand for users from a diverse range of backgrounds; and to allow for easy access to information, web content needed to be organized in a logical manner that is easy to navigate.

DIVERSEcity Homepage before and after

Before and after DIVERSEcity website redesign.

Thank you so much for your assistance! I am finding it very easy to upload documents, and to edit when I’ve placed something in the wrong place. This has made my life so much easier now that the Board can access all they need without having to contact me all the time, it’s just brilliant!
Lori Douglas
Executive Assistant

The Strategy:

Instead of having many small pages with minimal content, we categorized the bulk of the information and combined them in similar pages, giving the new website a more robust and smooth user-experience that involves less ‘jumping-around’ to different locations. As ease of navigation was one of the main goals that the redesigned website needed to achieve, we also introduced multiple methods of navigation (in the header, sidebar, and breadcrumbs) to ensure that content is as easy to find as possible for the user.

DIVERSEcity Skills Training Centre page

DIVERSEcity website navigation menus.

Since the targeted audiences for DIVERSEcity services often come from a variety of cultural backgrounds, we included in-language versions of the welcome page to ensure that language barriers do not prevent someone from getting support from DIVERSEcity. To bring the new DIVERSEcity website in-line with contemporary web designs, we opted for a clean, minimalist layout with a modern look. We also added a number of dynamic design elements into the site, which includes a clickable animated slideshow and ‘lazy loading’ animations, among others.

DIVERSEcity Homepage scrolling

Animations built into the homepage of DIVERSEcity website.



DIVERSEcity staff members were highly satisfied with the redesigned website. The brand new online presence for the organization now features new images with a fresh design, is much easier to navigate, and more modern looking with a bright and cheerful colour palette. On the backend, it is easy to maintain and allows for the future-proof site to be continuously updated without the need for programming knowledge. Most importantly, the new website now features a responsive design that dynamically optimizes itself for viewing on different mobile and desktop devices. In an increasingly mobile-oriented world, this new site allows DIVERSEcity to serve and connect with its communities more efficiently than ever before.

Let's create something incredible together!

More Case Studies