Cancer Services Of Midland
Website Redesign

Before
After

Challenge

Covid-19 led to cancellation of fundraising events, so Cancer Services wants to focus on building a platform with a better digital experience. The center-piece of the challenge was organizing varied information in a presentable and consumable manner.

Results

  • 20% Increase in number of volunteers
  • Clean and modern feel to the website
  • 50% less phone calls enquiries
  • 20% increase in donations
  • Cancer Services saved $11,946

My Role

  • User research, Competitive Analysis, Information Architecture, Redesigning
  • Tools Used: Figma, Miro, Google Docs, Trello

Results

  • Students and Volunteers applications are digital
  • 50% less phone calls enquiries
  • Removed third party donation forms
MY ROLE
User research, Competitive Analysis, Information Architecture, Redesigning
TOOLS
Figma, Miro, Trello, Google Docs

My Role

  • User research, Competitive Analysis, Information Architecture, Redesigning
  • Tools Used: Figma, Miro, Google Docs, Trello
MY ROLE
User Research, Competitive Analysis, Information Architecture, Redesigning
TEAM
Individual
TIME
4 months
TOOLS
Figma, Miro, Trello, Google Docs

Solution

Our main goal was to avoid making the platform look densely populated and present only relevant information. We kept the design minimal by including sufficient white-space and big-bold typography to highlight on the actual reading material.

Design Process

Stakeholder Discovery

  • Attract more donations with strong call to actions
  • Attract more volunteers by having an online application process
  • Organize content by presenting only relevant information
  • Follow the branding guidelines to have consistency on the entire website

Domain Research

I looked into organizations similar to Cancer Services in order to understand the current trends in this domain.

Examples of websites I looked into (Children's cancer and blood foundation, Malala fund, American Lung Association, Cancer Recovery)

Key Findings

Content Audit

So, here’s the thing. When a stakeholder says they want to “keep” something, they have certain expectations. They expect that this content will live on the new, remapped website in its entirety. For us, this was never actually an option. Sure, we kept certain files, images, videos, and other assets, but not complete as-is pages. Luckily this was only a minor speed-bump; client-side team members adapted to this quickly, and “keep” became slang for “reference this when writing new content.”

I created following working documents which helped us proceed in the right direction:

A quick view of content inventory spreadsheet

Information Architecture

Content audit docs were incredibly useful to us - critical even. They even got us closer to come up with much clearer site map and intuitive navigation.

Original Navigation
Proposed Navigation

Wireframes

Following are a few examples of mid-fi wireframes:

Homepage
How We Help Page
About Us Page

Improvements between original and re-designed

The Final Prototype

To view the website live visit cancerservicesofmidland.org

My Experience & Learnings

Designing for a non-profit organization with such a noble cause was a great experience. I learned that:

Copyright © 2020 Shweta Nanajkar. All Rights Reserved.