Le projet

Képos

Objectifs

  • – trouver une idée pour aider la société;
  • – créer une marque;
  • – faire une identité graphique forte;
  • – concevoir un site web pour aider notre marque à grandir.

Présentation

J’ai réalisé ce travail avec Dylan. Nous disposions d’une semaine pour créer une marque fictive. Nous l'avons appelée Képos, une marque qui vend des graines et accompagne les gens dans leur transition écologique, notamment en les aidant à intégrer des potagers dans leur logement. A terme, Képos souhaite également collaborer avec des architectes afin de concevoir des immeubles éco-responsables.

Contenu

Je me suis inspiré de ce que j’avais déjà conçu pour louerunevoiture.eu concernant les cards de produits.

Ce qui différencie ce projet de ceux que j’ai réalisés jusqu’à présent, c’est que nous devions réfléchir à l’aspect marketing et à la crédibilité du concept, afin qu’il puisse réellement voir le jour.

Nous avons laissé la possibilité aux utilisateurs de nous soutenir financièrement via un don, accompagné d’un formulaire, en expliquant clairement à quoi cet argent servirait, comme par exemple l’ouverture d’une épicerie.

Il est également possible de réserver un service de consulting afin d’aider des entreprises dans leur transition écologique avec notre accompagnement.

Typographie

TITRE Exemple de la typographie Satoshi pour les titres SATOSHI CORPS 42 #E5D8B7 BOLD
SOUS-TITRE Exemple de la typographie Satoshi pour les sous-titres SATOSHI CORPS 26 #000000 BOLD
TEXTE Exemple de la typographie Satoshi pour les textes SATOSHI CORPS 20 #000000 REGULAR
NAV Exemple de la typographie Satoshi pour la nav SATOSHI CORPS 14 #FFFFFF MEDIUM

Satoshi

Nous avons utilisé " Satoshi " pour son aspect moderne, géométrique et fortement lisible.

Képos

J’ai également conçu la typographie utilisée pour le logo " Képos " sur base d’une grille géométrique pour symboliser l’architecture, tout en intégrant des formes rondes évoquant l’organique. J’ai utilisé la typographie Satoshi pour son aspect moderne, géométrique et fortement lisible.

Exemple de la mise en page du texte de Képos Logo Képos version grande avec le texte affiché en entier La grille du logo Képos Logo Képos par dessus la grille de construction

Couleurs

PRINCIPAL
#4E7EB7
LOGO
#E5D8B7
FOND
#FFFFFF
TEXTE
#000000
CTA
#CE743C
SECONDAIRE & FOOTER
#1E2022

Le bleu choisi comme couleur principale de la marque, évoque la confiance et la sérénité qu’elle dégage.

L’orange, quant à lui, représente l’aspect social et énergique de l’entreprise afin de pouvoir aider le plus de personnes possible.

L’une des remarques que nous avions reçues concernait la trop grande absence de vert dans notre direction artistique. Je pense que le jury a raison, même si ce choix était délibéré, afin d’éviter un traitement trop caricatural de l’écologie et ainsi nous démarquer.

Exemple de la nav de Képos Exemple du footer de Képos

Illustration

CROQUIS LOGO trois croquis du logo Képos
CROQUIS AFFICHE croquis d'un batiment en 3D isometrique croquis d'éléments architecturaux en 3D isometrique

En concevant ces illustrations, j’ai immédiatement pensé à une suite de modules avec lesquels je pouvais jouer en les assemblant. Je me suis inspiré du travail architectural « habitat 67 » ainsi que de l’artiste M.C. Escher, dont les travaux m’ont permis de créer des illustrations à la fois impactantes et porteuses de sens mêlant architecture, écologie et progrès social.

deux version du logo Képos un en forme de fleur l'autre formant un K affiche Képos montrant un batiment en 3D isometrique coloré

Composition

RAPPORT HIÉRARCHIQUE UTILISÉ 1.618 Lettres de plus en plus petite montrant l'exemple de la hierarchie sur la typographie de Képos

Nous avons utilisé le nombre d’or déjà car nous ne pouvons pas l’exploiter dans nos projets.

Nous avons donc voulu comprendre ce qui le rendait si particulier, et il est vrai que son utilisation rend les éléments plus facilement agréables à l’œil.

trois cards montrant des abonnements Képos plusieurs cards disposé en grille montrant des graines de legumes

Complication

A la base, nous souhaitions intégrer une animation avec Képos dans notre nav afin que le actuel " Planet, equity, prosperity " disparaisse pour laisser place à « Képos ». Pour être honnête, je ne sais pas si c’est un oubli ou un choix non abouti, mais je pense que c’est une erreur importante de ne pas afficher le nom de l’entreprise sur l’ensemble des pages.

Résultat

Exemple de page du site web Képos Visitez la maquette

Mon dernier projet

6e projet

Le web de Zeldman

Site retraçant ma rencontre avec Jeffrey Zeldman et aussi mon tout premier examen.

Projets précédents

3e projet

Pensées

Une newsletter fictive pour donner mon retour critique sur une conférence de Matthias Ott.

4e projet

CodeKit/CodeKit+

Un ensemble de modules qui me sert pour mes différents sites web.