Ux Lead . Creuna Agency

The Swedish
Football Association

The Swedish Football Association (SvFF), the country’s largest sports association had decided to streamline all their channels and to create a seamless user experience across their digital platforms for the fans and the professionals within Swedish football.

Background

Just in time for the World Cup, the Swedish Football Association launched a new website with our help. With a focus on making football accessible to more people and with the help of Creuna Agency, the new redesigned easy-to-navigate website was launched just before kick-off. During this Phase (Phase 1), the focus had been on football fans & general public. This time the target group were all the professionals within Swedish football. 

Project Brief

In phase 2, the ambition was to recreate a sub-section of SvFF called www.Fogis.se which solely is used by people active within the football ecosystem. This could be everyone from professional football players, coaches, clubs and associations to football schools and elementary school football sections/coaches etc. Also, this work should be synchronized with SvFF many other web platforms that serve the same target groups.

The goal

In phase 2, the ambition is to turn to the association’s other key groups. The existing site Fogis.se should be re-designed to include relevant information in a way better adapted for the user’s needs. Also, SvFF runs multiple scattered web and mobile platforms. At the moment these platforms are running in complete silos and the need is to synchronise them to create a seamless experience.

Team

Our Cross-functional team consisted of a total of 8 people. My role was the User Experience Lead (Designer).
Account Director, Project Manager, SEO & Data Analyst, System Architect, User Experience Lead, Junior UX Designer, Senior Art Director, Junior Visual Designer

My role’s Responsibilities & performed tasks

Qualitative Research, Workshop, User Interviews, User journey map, UX Strategy, Information Architecture, Wireframing and Prototyping.

The Process

The lion’s share of this project (at least in this phase) consisted of a Discovery/Understanding part. To make the timeline work and to avoid having a long research phase which sometimes can create a rift between us and the stakeholders, I decided to apply an agile and iterative process from the start.

Discovery

Understand, Research, Involve

1 . Why are we doing this?

What measurable effects or measurable changes do we want to achieve in this project? In this exercise, people from different sections of the Associations shared their insights.

Findings

We grouped the many post-its containing the measurable goals shared by the team. The top three were as the following:

User-friendliness

It should be easier for the user to find and quickly apply for information. We achieve it through more clarity in structure and navigation.

Impacts
– Facilitate for the user to find the right information
– The visitor is going to find it searching for

Relevance

he information must be relevant and better reach out to each target group through better packaging.

Impacts
– The content should be better packaged and categorized for each target group
– Better SEO custom content
– Better updated and editor-reviewed content

Engagement

We want to get more active in Swedish football and associations. We do this through better conversion, as well as adding more inspiring and living content that improves customer experience.

Impacts
– Get more active in Swedish football and association life
– Get more people who sign up for courses and take note of knowledge materials
– Improved customer experience in the form of inspiring and living content

2 . Who are the target groups?

The participants discussed this through in 2 groups and each group created a list. They were overlapping to a large extent but they finally could vote for the most relevant ones.

Identified target groups

1. Unions/Clubs
2. Coaches
3. Players
4. Parents/Child players
5. Referees

End of Workshop

We said goodbye to the team & continued to the next step where we had to interview candidates from the above mentioned user-groups

User Research

 

3 . What do these groups have for needs?

Qualitative Method

A qualitative study aims to find hypotheses and trends. Qualitative methodology does not give us statistically representative answers, but rather in-depth insight into the overall user experience and understanding of the service. The methods we chose was doing User Interviews.

Methodology 

Since the range of questions we had was broad & the time we were given was quite limited. I tried to gather as much information as possible by doing User Interviews

User interviews are primarily aimed at finding out how users behave and experience fogis.se. We also got clues to what works well / less well, gain an understanding of how Fogis.se is used in practice and get ideas and suggestions for improvements.
Discover opportunities for digital support.

The line of questioning I created was semi-structured and mostly open-ended allowing both us & the user to maneuver more freely by asking follow-up questions by us and the user revealing an insight that was relevant yet overlooked by us. 

Implementation

The interviews were conducted over the phone with 6 different participants. I was responsible for preparing interview questions and conducting interviews. Another UX designer helped me with the transcript. Recruitment of the participants was carried out jointly by SvFF and Creuna. 

2 x Union general manager
2 x Referee
2 x Referee coach
2 x Parent
2 x Youth trainer
2 x Senior Trainer

Analysing User data

3 Aspects

Behaviour Analysis
Analysing the findings based on the behaviour of the users. Why, how often, how are they using them? Only when they have a match on a daily basis. How are they looking for information etc?

Pain points (Emotion)
The user’s actual experience when using the system. Pain points, frustrations etc.

Needs & Drivers
Feedbacks & suggestions. By asking open-ended questions, the user had the chance to give feedback and ask for what they want and think would benefit them.

Notable Findings

1. The users identify more with their group than any category.

2. Most people use Fogis.se when looking for specific information.

3. More people think that they will visit Fogis.se more often, ie not just when they are looking for specific information if the content was more relevant and inspiring.

4. The information is scattered between different platforms/systems. There is no unified information bank that is reliable, updated, and searchable.

5. Most people use the main menu to find information.

6. I need attractive CTA buttons/modules.

7. The space on the homepage is not fully utilized.

8. Need of easier interaction opportunities

4 . How do we achieve our objectives?

What are the solutions based on final findings?

This I of course was presented in quite detail which is impossible to share. I will share the gist of the solutions presented.

Wireframing + Final UI

All the Wireframes and prototypes were created by me. The final UI was created by our talented Art Director.

Solutions

Multisite

As previously mentioned, one of our 2 objectives were to synchronise the scattered information across different platforms.  This way we can consolidate different sections under one umbrella which is easy to find and navigate.

Cross Platform Search Function

The user should easily search for categorized content from all SvFF’s platforms.

Roles over Categories

We were hesitant about the information architecture and if the users search for a particular thing by looking for What it is and then to look for the relevant subsection. For example, a Referee looking for the courses and after that looks for the Judging courses.

The groups primarily identify with their roles and look for their individual pages before they start looking for the content. For example, they don’t want to have a section for courses and then go through the list to the ones for the Referees. First Referee pages and then course.

Quick Entries

Since they are mostly if not solely browsing within the confinement of their roles. They should be able to see the option without any effort and browsing the menu. We will make it available right away

 Inspirational & Motivational Content

After leading the user to their sections, present the live and inspiring content first.

Conversion Through Engagement

Using attractive and interactive CTAs & modules.