Commoute — IdISBa Cancer Research Campaign

UX Strategy · Web Design & Development · Print Design · 2023

Overview

The Health Research Institute of the Balearic Islands (IdISBa) needed a digital partner to help them launch Commoute — a public awareness and fundraising campaign for oncology research. The challenge was to engage the general public, convince people that their participation mattered, and make it easy to donate, register activities, and spread the word.

I led the project end-to-end as sole designer — from UX strategy and information architecture through to visual design, WordPress development, and print collateral — working with a panel of 9 key stakeholders from research, PR, social media, marketing and IT, plus an external developer for lead capture integration.

Duration: 2 months · 3 sprints My Role: Solo UX Designer · Visual Designer · WordPress Developer Tools: Figma · WordPress · Polylang (multilingual) · Hotjar Deliverables: Website (4 languages) · User journeys · Sitemap · Wireframes · Visual design · Brochures · Posters · Exhibition panels

The Challenge

IdISBa’s brief was clear but ambitious: «We need people to get involved — convince the population that they are very important and can help science. Put society at the centre.»

The site needed to serve multiple user goals simultaneously — donating, registering fundraising activities, learning about the research, and sharing on social media — across four languages (Catalan, Spanish, English and German) and multiple donation channels (online, Bizum, and CaixaBank ATMs).

Research & Discovery

Starting from a kick-off meeting with key stakeholders, I applied the Double Diamond design process — beginning with exploration before moving into definition.

I conducted landscape analysis of well-known charity and fundraising campaigns to understand best practices in donation UX, content hierarchy, and engagement mechanics. This research informed both the feature requirements and the site architecture.

Define

Working collaboratively with the stakeholder team, I defined the core content structure and user goals:

• Participate — register a fundraising activity
• Donate — via multiple channels (online, Bizum, CaixaBank)
• Learn — understand the research and the researchers behind it
• Share — amplify the campaign on social media
  
  From this I produced a sitemap and initial information architecture proposal. The first proposal was very well received — only minor adjustments were needed — which validated the research phase and saved significant revision time.

Design & Delivery

With the structure agreed, I moved through wireframes, user journeys and high-fidelity visual design — following the campaign’s new brand identity (logo, colour palette, typography).

Key design decisions included:

• Clear, prominent donation CTAs on every page
• A simple registration flow for activity organisers
• Researcher profile pages to humanise the science and build trust
• A news and activities section to maintain engagement throughout the campaign period
• Full responsive design across mobile, tablet and desktop

For the multilingual setup (4 languages), I implemented Polylang in WordPress and worked with the client’s team to manage translations — ensuring the UX was consistent across all language versions.

For the lead capture and donation integration, I managed an external developer — briefing, reviewing and signing off their technical implementation to ensure it met the UX requirements.

Offline design

Beyond the web, I also designed the full suite of print materials for the campaign launch: brochures, posters and exhibition panels — ensuring visual consistency between the digital and physical touchpoints.

Results

Beyond the web, I also designed the full suite of print materials for the campaign launch: brochures, posters and exhibition panels — ensuring visual consistency between the digital and physical touchpoints.