Libertés Futures

Nouvelles, couverture, SF
Cc-by-sa Marianne Profeta

Le client

J’ observe les différentes communautés d’auteurs sur les réseaux sociaux. Déjà parce que je suis moi-même auteur et aussi parce que j’y propose mes services de graphiste et d’illustrateur.
Mais c’est Marianne qui est venue me trouver sur Twitter.

Elle avait écrit plusieurs nouvelles de SF et avait sélectionné celles qui avaient un fil conducteur pour publier un recueil. Il lui faut donc une couverture qui explore les différents futurs dévoilés par ses courtes histoires mêlant intelligence artificielle, espoir, cauchemar et libertés au pluriel.

Plus d’informations sur les œuvres de Marianne Profeta :

Marianne est en train de faire corriger son manuscrit. Elle est dans les dernières étapes pour la publication de son recueil mais elle compte sur moi pour l’aider à faire sa couverture.

En effet, elle n’a pas vraiment d’idée et elle me pose une sacrée colle : il faut faire une illustration qui représente dix nouvelles ! Un sacré challenge qu’on a relevé tous les deux en discutant longuement.

La commande

L’auteur m’explique la thématique de son recueil. Certains sous-thèmes et idées émergent de notre échange. Il y a un fil conducteur dans ce recueil : le S.AI.R.V0, une intelligence artificielle qui bouleverse le mode de vie de l’Humanité. Tantôt salvatrice, tantôt glaçante, rarement transparente, cette entité est en réalité le personnage principal du recueil.

On parle également d’une autre facette de son œuvre. Il y a plusieurs histoires et donc plusieurs futurs qui se chevauchent, se croisent, ricochent vers des directions opposées. Marianne en a fait trois grands axes qu’on a songé à illustrer. Mais le format d’une couverture roman ne permettait pas d’explorer cette trinité.

Pour mieux m’immerger dans son univers, je demande à l’auteur de me faire une sélection des nouvelles qui jouent le rôle de ciment parmi les dix. Finalement, je dévorerais entièrement son recueil en un week-end.

Le processus

Autre contrainte de taille de Marianne : elle ne veut pas une couverture qui donne une ambiance négative comme on le voit souvent sur les romans du genre. Ses nouvelles explorent différentes directions, les mauvaises comme les bonnes.

Je me concentre sur la première histoire. Le récit de Mériée et Ad’laïde pose les bases de Libertés Futures. Sans elles, pas de recueil possible tant elles sont capitales pour savourer les neuf autres nouvelles. C’est donc logique que je m’appuie sur elles pour la couverture.

La décision des filles de la première nouvelle est déterminante…
… Elle va profondément modifier les Futurs du recueil.
Et puis je mets de côté les filles pour faire le focus sur le S.AI.R.V0 dans ce troisième croquis.

La troisième proposition que je fais à Marianne est la scène qui lance réellement le fil rouge du recueil. En décortiquant le S.AI.R.V0, les filles découvrent son architecture opaque et ses possibilités troublantes. Même si Marianne aime mes portraits qui oscillent entre la réflexion et la rêverie, elle penchera comme moi sur les entrailles du S.AI.R.V0 qui sont le symbole de l’éveil des personnages.

À la base j’illustrais uniquement la première de couverture, mais il fallait absolument que j’ajoute Mériée et Ad’laïde dans cette composition. J’ai étendu l’illustration de ma propre initiative pour englober la quatrième de couverture. Marianne a validé immédiatement mon idée.

Quatrième, dos et première de couverture avec le S.AI.R.V0, Mériée et Ad’laïde.
Je nettoie le croquis de base et corrige les erreurs de perspective
J’affine les lignes et pose des premiers aplats pour donner l’ambiance
Je commence à enlever les lignes et à faire le «rendu»
J’ajoute les effets spéciaux qui vont intensifier la scène

L’illustration validée, je porte la casquette de graphiste pour la mise en page de la couverture. Marianne me fournit le texte de la quatrième de couverture, et les autres éléments (EAN, ISBN, prix et autres mentions).

Elle a fait des simulations avec son prestataire d’impression et me fournit le gabarit exact de la couverture. J’avais pris en compte les approximations au début du projet et avais tout fait pour qu’à la fin on se retrouve avec une couverture sans accroc. Fonds perdus, marges, épaisseur de livre, etc… Je connais les petites subtilités des imprimeurs pour éviter à ma cliente d’avoir des soucis. Je lui apporte les compétences qu’elle ne maîtrise pas.

On aura quand même quelques modifications à faire pour coller au mieux aux contraintes de son imprimeur. Mais Marianne sait qu’elle peut compter sur moi pour gommer les imprévus sans frais supplémentaires et avec peu de délai pour respecter son planning de sortie.

Libertés Futures n’attend plus que sa date de sortie imminente pour être lus par les fans de SF et les profanes en quête de « Et si… ».
En attendant, Marianne a écrit des articles sur son blog sur ses réflexions, son inspiration et aussi sur son expérience dans l’auto-édition. Si vous voulez connaître l’autre facette de cette collaboration, n’hésitez pas à parcourir son site.


Contact

Si vous avez des questions ou souhaitez simplement me parler, n’hésitez pas à me contacter.
Je vous répondrai au plus vite.

hello@patrick-fontaine.com

Galaxy Lead Dashboard

UI design, identité visuelle, logiciel
copyright NetMedia Europe

Nouveau tableau de bord

Galaxy Lead Dashboard est un outil interne développé par NetMediaEurope pour la gestion spécifique de leur base de leads. On me confie les rênes de ce titanesque projet.

L’ancien logiciel ayant atteint ses limites, il est demandé d’en concevoir un nouveau répondant aux nouvelles attentes des équipes : nouvelles fonctionnalités, meilleure ergonomie, plus rapide, plus convivial.

Accès client

En plus d’être utilisé par les équipes de NetMedia Europe, le tableau de bord est également un outil pour ses clients qui peuvent ainsi consulter la pertinence de leurs campagnes. Ou encore définir les meilleurs placements avec les équipes marketing. Et enfin obtenir les informations intéressantes sur les leads qu’ils recherchent.

L’identité Galaxy

L’outil fait partie d’une vague d’innovations lancée par l’équipe technique de NetMedia Europe. Le Galaxy Lead Dashboard s’intègre donc dans un macrocosme de logiciels internes.

Par la même, le tableau de bord devient une vitrine du savoir-faire de NetMedia Europe, le Galaxy Lead Dashboard se doit donc d’avoir une identité forte.

L’information en un coup d’œil

Au delà de l’aspect esthétique, l’outil se doit d’être surtout fonctionnel pour les équipes s’en servant quotidiennement. Par des codes couleurs, des icônes explicites, des graphiques pertinents, des fonctionnalités intelligentes, l’utilisateur se retrouve aisément dans l’amoncellement d’informations arrivant en temps réel.

Une approche UX

Face aux attentes de NetMediaEurope, j’échange avec les équipes technique et marketing pour arriver à un résultat alliant : simplicité, lisibilité, praticité.

De nombreuses maquettes précédées de prototypes sont élaborées pour arriver à un logiciel utile et représentatif des valeurs de l’entreprise.

Une interface facilement déclinable

Comme l’outil se destine à être modifié et à évoluer selon les retours et les améliorations du macrocosme technique, il fallait un système graphique modulable.

Via une documentation complète et des feuilles de style intelligentes, les développeurs peuvent ajouter de nouvelles interfaces en suivant la charte que j’ai établie en amont.

Infographies

Infographie, datas, identité visuelle
copyright NetMedia Europe, IBM, Microsoft, Intel, SNCF

Définition

L’infographie est un support de communication qui permet de transmettre un message, souvent complexe, de façon percutante et mémorisable.

Tournée vers la lecture rapide et le partage, l’infographie se libère de plusieurs contraintes techniques par un format image simple et statique allant à l’essentiel.

Mes infographies

Pour ma part, j’aime jouer sur plusieurs codes graphiques pour attirer la curiosité de l’utilisateur  :

  • jeu de couleurs chatoyantes
  • composition dynamique
  • jeu de typographies
  • illustrations
  • thème ludique

Retrouvez quelques infographies que j’ai réalisées.

Internet of Things

Identité visuelle, Hub, webdesign
copyright Silicon.fr – NetMedia Europe

Nouvelle marque

Surfant sur le buzz des nouveaux gadgets « geeks » connectés, Silicon ouvre un nouvel espace sur son site d’actualité IT. Un « hub » qui parlera des sujets de ce domaine de plus en plus vaste  : la connectivité, la mobilité, la sécurité etc.

Sobrement intitulé Internet of Things, la nouvelle marque doit avoir une identité qui parle à tous : B2C et B2B. Une typographie simple et élégante, un jeu avec des pictogrammes dans l’air du temps, des couleurs chaleureuses, des formes rondes gracieuses et conviviales.

Déclinaison

Pour asseoir la marque, l’identité devait facilement être déclinable. Nous avons donc, dès le début, dessiné un motif de pictogrammes dans le même esprit que le logo. Motif facilement applicable pour toutes sortes de produits utilisés lors de conventions, salons et autres événements IT en Europe.

Le hub Internet of Things

Conçu comme un mini site dans le site Silicon, le hub devait reprendre une structure déjà définie mais en appliquant le graphisme de la nouvelle marque  : couleurs, typographies, équilibre.

Un subtil mélange des deux chartes Silicon et Internet of Things a permis d’affiner le graphisme de Silicon plus tard (voir le projet Silicon en cliquant ici).

5 choses que je n’aime pas chez Affinity Designer

Dans le précédent article, je faisais l’apologie de ce logiciel de graphisme qui semble être une bonne alternative à Photoshop et Illustrator. C’est vrai que Affinity Designer a de sacrés arguments pour se faire une place auprès des professionnels de l’image. Toutefois, tout n’est pas #FF1493… enfin rose quoi.
Je vous décortique ce qui me pose le plus de problème en cinq points. (Article mis à jour le 02/03/20)

Continuer la lecture de « 5 choses que je n’aime pas chez Affinity Designer »

5 choses que j’adore chez Affinity Designer

Si vous avez lu mon article précédent Je trompe Adobe, vous devez vous demander avec quels logiciels je travaille. Ou en tout cas vous vous demandez quelles alternatives existent à la suite Adobe.
Personnellement, je suis passé sur Affinity Designer édité par Serif pour remplacer Photoshop et Illustrator. Et ce, pour plusieurs raisons. Laissez-moi vous en citer cinq.
Pourquoi cinq ? Et heu… Pourquoi pas ?

Continuer la lecture de « 5 choses que j’adore chez Affinity Designer »

Silicon

Webdesign, identité visuelle, UX design
copyright Silicon – NetMedia Europe

Le client

Silicon est un site d’information sur l’actualité informatique et high-tech pour les professionnels de l’IT.
Ses principaux sujets sont : les solutions de sécurité, le Cloud, le Big Data ou encore les objets connectés (IoT).

La refonte du site doit être simple, sobre et élégante pour laisser place à la lisibilité et au confort de lecture.

Cependant il doit aussi inclure de la publicité avec toutes les contraintes du display.

Du format conventionnel au plus original, des emplacements les plus classiques au plus « native ».

L’identité par les couleurs

Il a été décidé d’opter pour un jeu de couleurs subtiles qui respecterait les couleurs historiques de la marque Silicon.

Toutefois un nouvel orange chatoyant, met en avant les principaux boutons Call-to-Action pour inciter l’utilisateur à parcourir naturellement le nouveau site. Une complémentaire qui va donner du « piquant » au violet historique de la marque.

La mise en page

La structure du site comprend plusieurs conteneurs pour centraliser le contenu, et mettre en avant les principaux titres ou modules d’une page.

La publicité bien que présente reste dans une colonne différente pour ne pas perdre le lecteur. Les encarts plus ciblés, sont moins intrusifs en prenant un format différent. Ils donnent un maximum d’informations pour ne pas tromper le lecteur et le perdre définitivement.

Nomade

Face à une part de plus en plus importante d’utilisateurs nomades de Silicon, les versions responsives pour mobile et tablette du site ont été réfléchies dès les premières phases de conception du projet.

Resources center

En parallèle du site d’information, Silicon détient aussi une vaste bibliothèque de livres blancs, d’eGuides, d’infographies… Afin de répondre aux mieux à la demande des utilisateurs, le Resources Center a été créé.

Un nouveau site reprend la nouvelle identité pour l’adapter à une pratique plus essentielle.

Navigation

Le site d’information Silicon base sa navigation sur un affichage chronologique ou thématique. Au contraire, pour le site de ressources la recherche d’éléments par catégorie, type ou marque devient l’axe principal de navigation.

Le moteur de recherche et les différents filtres prennent tous leurs sens dans la mise en page.

Conversion

Quant à l’enregistrement de l’utilisateur, il est central pour Silicon qui établit par ce biais sa base de données de leads qualifiés.

Il est complet pour répondre aux exigences qualitatives de Silicon. Il est compact pour ne pas semer l’utilisateur dans son inscription.

Je trompe Adobe

Quand j’ai eu accès à un ordinateur à la fin des années 90, j’ai tout de suite été fasciné par Microsoft Paint. Ce simple logiciel de dessin m’a amené à mon métier actuel, celui de graphiste et illustrateur en freelance.
Je vous rassure, je n’utilise pas ce logiciel pour exercer mon métier aujourd’hui. Je me suis formé comme la grande majorité de mes confrères à Photoshop et la suite Creative Cloud.
Mais depuis quelques temps, je me confesse : je fais des infidélités à cet indispensable du graphisme avec des alternatives à Adobe

Continuer la lecture de « Je trompe Adobe »