FC DREAM

Sommaire

Introduction La stratégie Le logo Le site Eco‑conception

projet suivant

retour

FC Dream : site et logo pour un club de football

Introduction

Carte d'identité

Les caractéristiques

site web

edition par proprio.

taille moyenne

navigation simple

Les prestations engagées

refonte logo

rédaction de textes

produits graphiques

blog et vitrine

Points‐Clés du projet

Une interface minimaliste et un portail propriétaire (blog)

Les essentiels en trois langues, pour des usagers allophones

Une conception mobile first, pour des usages principalement sur smartphone

La stratégie

photo de l'équipe de football du FC dream

Présentation

Le FC Dream est un club de football Nantais, affilié à la FFF, créé par des réfugiés en majorité Soudanais. Il compte à ce jour 40 membres de 7 nationalités différentes et joue deux matchs par mois.

Amir est le fondateur et le président du club. Il souhaite développer le club et lui apporter plus de légitimité auprès des institutions.

Les valeurs : football, multi‐culturel, partage, inclusion, espoir

Mission

Le FC Dream propose la pratique du football dans un cadre sportif, accueillant et familial, dans un but de socialisation et d’insertion, en particulier pour les réfugiés.

Points de tension

La méconnaissance du système administratif ainsi que la barrière de la langue créent des difficultés pour obtenir un terrain ou des subventions auprès des institutions.

A ce jour, malgré trois ans de vie, une activité régulière et une affiliation à la Fédération Française de Football, le FC Dream ne bénéficie d’aucune subvention. Le club fonctionne uniquement avec les adhésions de ses membres.

De plus, les entraînements se font sur un terrain public, de manière non déclarée. C’est un cercle vicieux : sans terrain officiel, le club n’existe pas aux yeux des institutions.

Le logo

Brief

En parallèle de la conception du site, un travail de refonte du logo du club est demandé.

Le logo existant a été créé avec un outil d'intelligence artificielle grand public. Ce logo porte les valeurs choisies par les membres du club, mais son aspect doit être rendu plus professionnel.

Contraintes

Doit comporter le nom "FC DREAM" et la date de création
Doit contenir un aigle
Utiliser du bleu foncé, la couleur officielle du club

Concept

Deux têtes d’aigle royal s’imbriquent et forment un ballon de foot. Le texte et les étoiles sont ajoutés autour du dessin, de manière circulaire.

Typographie

Dessinée par Manfred Klein, Nilland est une typographie “Slab Serif”, c’est‐à‐dire avec des empattements carrés, comme des blocs. Un style fort et affirmé, idéal pour l’univers sport.

Palette de couleurs

Bleu foncé

#0A2493

Bleu clair

#A4C2F7

Blanc

#FFFFFF

Une palette de couleur simple avec deux variations de bleu à partir de la couleur du club, et du blanc.

Logo et ses variantes

Ancien logo

Nouveau logo actualisé par la Sterne

Selon le contexte le logo peut s’utiliser avec le texte ou en version simplifiée ; en couleur ou en noir et blanc.

Mise en situation

mise en scène de
cartes de visite d'Amir

Le site

mise en scène du site sur
différents écrans

Brief

Amir, le président du FC Dream, souhaite un site web pour offrir une vitrine officielle au club, gagner en légitimité et faciliter les démarches administratives.

Le site mettra également en avant la vie du club pour ses membres avec des articles, des photos, l'agenda des matchs.

Enfin, le site permettra un accès facilité pour des réfugiés, parfois tout juste arrivés,maîtrisant peu le Français et principalement équipés de smartphones.

Contraintes

Mettre en avant le sérieux, la légitimité du club
Simplicité d’utilisation, accessible sur smartphone
Accessibilité pour des allophones
Utiliser du bleu foncé, la couleur officielle du club

Focus éco‑conception

Démarche

1 Le parcours utilisateur

Le site a deux principaux groupes d’utilisateurs : les adhérents et les institutions. Comment penser leurs parcours pour limiter le chargement de données ?

La page d’accueil est conçue sans photo et donc très légère, car c’est celle qui recueille le plus de trafic.
Aucune photo ou contenu en pixels
La page d’accueil contient toutes les informations les plus recherchées (contact, lieu et horaires, résumé des informations du club). Ainsi, sa consultation suffit à la plupart des usagers.
L’essentiel des photos est concentré sur le blog, qui sera visité par une petite partie des usagers du site (surtout des adhérents du club)

2Les images du blog

Comment réduire le poids des images d’un blog ? Lorsqu’elle sont ajoutées par le propriétaire, après la conception ?

Un format d’image prévu pour être en pleine page sur mobile, l’outil principal des usagers du blog, et réduites sur un plus grand écran
Un outils de recadrage et de compression d’images intégré à l’interface du portail du blog

Résultats

L’analyse de l'impact de nos projets est en cours. Bientôt, vous retrouverez une évaluation de l’impact écologique de nos sites et applications, réalisés avec différents outils.