jolof

sports club

Brief

Jolof is the responsive website of a London sports club. The owner commissioned us with a complete UX process. Our brief was to create a sporty, fresh, energetic website that would attract kids and adults who want to play sport to the club. I created the design with the club’s logo and motto in mind. The complexity of the assignment was increased because we had several recent graduates on our team, so my role was UX/UI designer and a mentor.

Jump to the website

platforms

Desktop
Tablet
Mobile

process

Brief
Brainstorming
Wire-framing
User Experience
User Interface Design
Design Implementation

my role

Market Research
Ideation / Concept
Visual Design
Implementation
Developer

platforms

Desktop
Tablet
Mobile

process

Brief
Brainstorming
Wire-framing
User Experience
User Interface Design
Design Implementation

my role

Market Research
Ideation / Concept
Visual Design
Implementation
Developer

using:

problem solving

Challenge

It was essential to visualize and design something beautiful and sporty, easy to understand, informative and dependable, bringing a lot of engagement.

thinking and brainstorming

Strategy

There were multiple sections and elements on the website that required a lot of research, A/B testing and planning to develop something user-friendly and interactive.

result

Final Visuals

We did A/B testing on each page by implementing multiple ideas. We tracked the click-through rates and came to the final design decision to send to the customers.

The working process

(non-exhaustive list)
Research

Competor research

The complexity of the task was increased by the fact that the club offers sporting opportunities from young children to senior citizens. Thus the website had to win the trust of parents and be easy to use for older people.

Analyse

Persona

The mum who wants to shed the extra pregnancy pounds, the teenager who loves football, the single dad who wants to tone up, … just a few of our personas.

Analyse

Empathy map

By producing the empathy map we have managed to get a more articulate picture of our customers’ feelings, thoughts and actions.

Analyse

Affinity map

We organised our research results using the affinity map to get a more specific picture of the task ahead.

Analyse

Customer journey

Customer journey helped us see user behaviour step by step and react accordingly when designing the website.

Design

Sitemapping

Our aim was to create a transparent library system that is easy for everyone to use.

Design

Low fidelity

The design strategy started with a “mobile-first” approach, using the tried and tested paper-pencil method.

Design

Moodboard

Jolof was a West African kingdom that was home to great kings, warriors and champions. The name, logo and spirit, therefore, played a major role in the company’s identity.

Design

Wireframe

We used Adobe Cloud and XD to translate great designs into prototypes and bridge the gap between colleagues.

Design

Prototype

One of our ideas was a design with angular elements decorated with strong geometric shapes, which gave the website a dynamic, powerful, sporty look.

Testing

A/B testing

We did A/B testing on each product by implementing multiple ideas, we tracked the click through rates and came to the decision of the final design which should be sent to the customers.

Design

Final design

Finally, a more curved design that better reflects the lines of the logo was chosen, giving the website a more welcoming yet dynamic look.

Developing

Implamenting the plans

The design was implemented using WordPress, Divi and CSS codes.

UX/UI Design

Our goal was to create an easy-to-use, friendly but dynamic website that inspires you to move just by looking at it. The whole design reflects the lines and colours of the logo. The soft curves and the angular shapes of the logo are all reflected on the website.
The design is characterised by energy and dynamism. This is reflected not only in the lines but also in the colours. The design of the programme pages plays with the colours in the logo: yellow (the energy of football), red (the playfulness of kids multi-sports) and green (the freshness of fitness).

Responsivity

The design had to be easy to use and eye-catching on mobile, tablet and desktop. Making the website mobile-friendly was made easier with a mobile-first approach. But even so, there were still plenty of challenges. While keeping simplicity in mind, maintaining the brand image and keeping the needs of the users and the customer in mind were also important factors. So I came up with hybrid solutions for some parts, as well as structural changes to the functionality.

Testimonials

Ahmadou

CEO, Jolof Sports Club
My spot club needed a new website. Mona and the team have worked wonders. I love our new website. And so do our visitors. Once it was delivered, we were overwhelmed with positive feedback from old and new club members. Everyone really liked the new look. Clear, informative, easy-to-use and very Jolof.