Christmas Without Cancer’s current website lacks in delivering its contents. This project is to enhance the digital presence and fulfill the goals and needs of the users and organization by redesigning the entire website.
The objective is to create an easy to navigate, user-friendly website for our target audience.
The website went live on June 17th 2022. Increased website engagement by 30%. Check out the website at: https://christmaswithoutcancer.org
The major issue is that website don't maintain the hierarchy of information. The complexity of this problem affects the visitors of the website (families seeking help, volunteers, donors) to decipher and navigate through the information provided and reach the desired outcomes.
Content Inventory was conducted to understand and locate the available content on CWC website and to know the navigation flow of the existing website.
To tackle the bulky navbar situation, to understand how the users envision the website structure, we conducted Card Sort 1 was open in nature among ourselves (In a team) wherein we could create the categories for each content list.
Tool Used: Mural
Next we did a closed card sort by recruiting participants from CWC’s community facebook page. A closed card sort is wherein we asked participants to move the cards into categories created by us.
Tool Used: Optimal Sort
A good result is when at least 75% of the participants have placed a card under a particular category.
On the basis of card sort results, I developed a new and improved sitemap with 6 categories at the top nav bar.
Based on the sitemap that I created, I designed and critiqued along with my team 5 wireframes for the following screens: ‘The Home Page’, ‘Footer’, ‘Events Page’, ‘News Page’, ‘About Us’.
I designed the website's footer and collaborated with the team to design navbar and other sections of the website.
Due to time constraints, this project has to be completed within 10 weeks. We came up with a plan to go for First Click testing and A/B testing altogether. A/B testing is to compare the current website with the proposed one.
From the Monitored and Unmonitored testing results, we come up with these changes below.
Based on 3 rounds of design iterations, I collaborated with the team to create detailed visual designs. I used design systems and gestalt design principles to guide my designs.
“ There will always be road-bumps. And I really felt and learned as a team how to adapt to the different situations and overcome the difficulties ”.