• MMA
  • Sport
  • Boxing
  • Cage
  • Strength
Loading
2021UX/UI
SportCom Website
Creativity is my fist, but in
a ring it won't get me very far.

King of Rings


The brief

SportCom, a brand of combat sports products, wants to develop its online store, which has been non-existent until now, following the success of its products.

The goal is to improve brand recognition by developing an easy-to-use and intuitive online store, while preserving its brand image.

SportCom's Logo
SportCom's Logo
Hero section

The Research Section

01

Questions


Start with broad themes

The first step to understanding what we want to learn from users is to determine the general theme of our study by asking the right questions.

  • How do users decide which website to make their purchases on ?
  • What makes a user think a product is trustworthy ?
  • How do users make online purchases ?
02

Competitor Analysis


Watch the competition

By staying within a qualitative research approach, we undertook a competitor analysis to better understand the environment and identify best practices to adopt.

Competitive analyse
Analyse
03

Interviews


In-depth interviews

To better understand the users of SportCom, we conducted on-site interviews by asking open-ended questions.

This will allow us to create a persona that best fits the project and understand the key pain points that may arise.


As a customer of a brand that offers high-quality products, I am surprised not to find the same feeling on the website.
Persona
Persona
Fight Painting

The good old Friend "Ideation"

04

Tree structure


Create the hierarchy

After several rounds of card sorting, we were able to establish a hierarchy of information that closely matches the idea that the user may expect.

Information architecture
SportCom's Architecture
05

Low fidelity


Implementation of the initial ideas.

06

Mid fidelity


Validation and refinement of the ideas.

Hero section

Interface Design & Branding

07

Moodboard


Inspiration boards

After a few research sessions, we opted for a modern and minimalist style for SportCom, using a strict and visually appealing hierarchy of information.

Moodboard
Moodboard
08

Branding


Variations

The goal of SportCom is to offer its services throughout Europe.

In order to make the experience more unique, we have worked on a logo that adapts to the location of the users.

09

Design System


In order to respect the creative process of the logo, we have adapted the design system so that it can adjust to variations related to location.

Design System SportCom
Typography

Design System SportCom
Colors
Design System SportCom
Icons

Design System SportCom
Buttons
Design System SportCom
Drop Down
10

Final Design


Next Project
My Universe