Self-initiated project · Generalitat Valenciana

Helping people find COVID-19 support

My first UX project: a redesign concept for the Valencian government's website. It began as a question about funding and ended as a site that guides lost users instead of overwhelming them.

Header of new GVA homepage design
Role
Agency
Tools
Timeline
Product Designer
Solo Project
Figma, Miro, Notion
Jul 2021 • Oct 2021

Why I decided to tackle this issue

By late 2020 it was clear COVID-19 would last longer than anyone expected, and people needed more financial and emotional support. Many people around me were affected, and I found the way the government communicated hard to follow.

Nobody commissioned this project and I never presented it to the government. I did it because I cared about the problem.

Original design
Website homepage of Generalitat Valenciana featuring a large stone historic building with flags, navigation icons for Ciudadanía, Empresas, Administración at the top, a search bar, citizen folder links, social media icons, and sections with links on the left side. The central area displays colorful blocks linking to budget projects, medical appointment, youth institute, open GVA services, corporate manual, and job portal, followed by a blood donation social campaign banner. Various popular links and keywords appear at the bottom. EU funding logos are shown on left and footer.

The question changed

I started by asking: how might we help Valencian citizens find government funding options during COVID times?

‍
Research showed the real problem was the website itself, so I ended up asking: how might we help Valencian citizens navigate the GVA website more comfortably?

‍
I had assumed the gap was information about funding. Participants showed me they wanted help but could not find their way to it. Changing the question meant I stopped designing a funding page and started designing a way through the whole site.

Research

I interviewed seven people in very different situations: an unemployed person who had lost work to COVID closures, a self-employed restaurant owner, a high school student, a doctoral researcher claiming unemployment benefit, a self-employed builder, a full-time employee and a contract worker. A couple of them had health limitations, including dyslexia, which shaped what I learned about readability.

"I had to do everything. No one gave me any info, I didn't know I had that right."
- Doctoral researcher claiming unemployment benefits

Each session had an 18-question discussion guide covering their work situation, their experience of the website, how they felt about asking for help, and how they heard about funding. Then I watched them complete tasks on the GVA site, such as finding rent funding or an appointment, and repeat the same task on the Comunidad de Madrid site for comparison. I also benchmarked five government websites on homepage search, COVID-19 information and mental health support. Mental health support scored lowest.

A white wall with multiple small handwritten notes organized under the heading 'THEMES.' The main columns are labeled LANGUAGE & NATIONALISM, TIME, ACCESSIBILITY & USABILITY, and GVA COMMUNICATIONS (& lack thereof). Notes discuss language changes, users' time to find info, issues with accessibility such as scattered info and too many external links, and communication gaps. Some notes are highlighted with blue and orange pen markings.Nine sticky notes arranged on a wall, with a pink note at the top reading 'HOME PAGE' in large turquoise letters, and eight yellow notes below with handwritten text outlining homepage ideas, including login clarity, news section, access to check progress, topics divided by categories, profile creation, a 'Most common' section, and showing all panels.
What I discovered
  • The search bar led to dead ends. Every participant struggled with it. It sent three of them to a Google results page, and they gave up or hit a dead end without knowing what to do next.
  • The main funding banner did not look clickable. Three participants did not realise it was a link or did not understand it was about funding.
  • There was too much, in text too small. People felt overwhelmed, were unsure which things were links, and found the small, dense font hard to read. For the participant with dyslexia it was a real barrier.
  • Language blocked people. Four participants had trouble with the switch between Valencian and Spanish, with options that never translated fully, or with lack of English translation.
  • Help came from people, not the site. Participants found support through friends, consultants, online forums and phone calls, and rarely through the website itself.
  • Guidance was missing. People wanted notifications tailored to them, a way to say who they are (student, pensioner, self-employed) and see what applies, and a short test to check what funding they qualify for.
  • The Madrid site was not a clean win. Participants liked its bigger search bar, short descriptions, staying on the same site, a progress menu and a read-aloud option. One participant thought its red design looked less official, and another preferred GVA's dense layout and colour.
"There are so many things that I don't need to know."
‍
-Self-employed restaurant owner, on the GVA homepage

Making sense of it

I turned the interviews into two personas, Lucía the Dreamer and Marco the Independent, and drew two journey maps of the same experience: one showing how people actually move through the site, and one showing how the site expects them to. The gap between the two became my design brief. I then mapped the journey I wanted users to have and rebuilt the information architecture around it.

Journey and Sitemap
Have a look at the two journey maps I built after analysing the data as well as the sitemap for the new prototypes.

Design and testing

I tested twice, first a low-fidelity prototype and then a high-fidelity one, and changed the design after each round. In the first test, users struggled with changing language, quick searching, getting back to the homepage and opening the menu. That led to the sticky menu.

Homepage of Generalitat Valenciana website featuring a search bar, welcome message, and sections highlighting services like Proyecto Presupuestos 2024, Cita Medica, GVA Jobs, and others, with images of Valencian flags and a government building. It includes steps to get started, a social network invitation with a blood donation image, expandable sections for topics like family info, job search, medical needs, housing, study, and tax info, plus recent news articles on various subjects.

The final design

Every change answers something a participant struggled with.

What users struggled with
What I designed
Language change, quick search, getting home and opening the menu were hard to reach
A sticky menu bar on desktop and mobile, with a sign-in for applications, smart notifications and a profile
People who knew what they wanted had to hunt for search
A search bar at the top of the page as soon as you land
Users felt overwhelmed or unsure where to start
A short survey near the top of the page, ending in a page tailored to their interests
The "most commonly searched" section was a cloud of words fighting for attention
An interactive carousel ordered by what is most searched that week
The news section was a sidebar full of tweets
A calmer news carousel, still connected to the Twitter handles
Portals gave no description, so people had to click to find out what they were
Each portal shows its logo, name and a short description before any click
Users missed relevant updates
Calls to action and pop-ups for tailored alerts on COVID restrictions, government actions and scholarships, plus a welcoming vaccine message
People who scroll to the bottom or avoid menus had nowhere to go
A footer on every page with social handles, legal notices and a sitemap
COVID information was scattered
A dedicated COVID page with figures, vaccine and test booking, travel restrictions, and support for isolation, finances and business help

Limitations and What I learned

Since this was a concept I never took to the government,  I gathered no live results, only what testers told me. I spoke to seven people, including a couple with health limitations, so this is a small qualitative sample, not something to generalise from.

My first question was wrong, and the research told me so

Listening before deciding what to design stopped this becoming a funding page nobody could find.
I also discovered
  • Test with more people who have less access to technology and fewer digital skills.
  • Fix the language experience, with Valencian, Spanish and English fully translated.
  • Run a more thorough accessibility review.
  • Measure whether the survey really shortens the time it takes to find what people need.
Back to work