Himélie, autrice : un site pour accompagner ses lecteurs
Création de site vitrine à Blagnac | Direction artistique | Shooting photo sur mesure | WordPress/Divi | Newsletter Brevo
Quelques mots sur Himélie, autrice de romance à Blagnac
Himélie écrit des histoires. Pas juste « des romans » au sens où on l'entend souvent : elle construit des mondes, des personnages qu'on a envie de suivre, et elle le fait depuis plusieurs années maintenant. Elle a déjà publié un premier roman, Coincés à Newark, et travaille en ce moment sur le second, chapitre après chapitre.
Ce qu'on aime particulièrement dans ce projet, c'est qu'Himélie ne cherchait pas juste « un site » au sens fonctionnel. Elle voulait un endroit qui ressemble à son univers, qui donne envie de rester, de revenir, de suivre l'histoire.
Le point de départ : exister uniquement sur les réseaux sociaux
Avant le site, Himélie existait uniquement à travers ses réseaux sociaux. Ça fonctionnait pour partager des morceaux de son quotidien d'autrice, mais ça avait une limite claire : elle ne possédait rien de tout ça. Un changement d'algorithme, une visibilité qui baisse du jour au lendemain, et le lien avec ses lecteurs pouvait s'effriter sans qu'elle y puisse grand-chose.
Pas de site pour se présenter, pas de newsletter pour garder le contact entre deux publications, pas d'espace qui centralise ses œuvres. Trois manques concrets, et un point commun : Himélie dépendait d'outils qu'elle ne maîtrisait pas pour exister auprès de ses lecteurs.
5 solutions proposées, étape par étape
1. Une direction artistique construite ensemble avec ses goûts
On a pris en charge la direction artistique du projet. Le point de départ : un moodboard construit avec Himélie pour cerner l'ambiance qu'elle voulait donner à son univers, ni trop froid ni trop pastel, quelque chose qui reste intemporel pour une autrice de romance contemporaine. Pour créer ce moodboard, on a questionné Himélie pendant une bonne heure, histoire de ne pas faire fausse route : des couleurs de ses romans à celles de ses réseaux sociaux.
Plusieurs pistes de palettes ont été testées avant de converger vers celle qui allait devenir la charte du site : un marron chaleureux, un teal profond et une touche de pêche, associés aux typographies Fraunces et Work Sans. Cette combinaison donne au site une identité à la fois littéraire et accueillante, loin des codes trop attendus du « site d'auteur ». Himélie voulait que ça reste moderne, quelque chose de pas trop chargé.
2. Un shooting photo pensé pour la direction artistique
Une fois la palette validée, on a organisé un shooting dédié au site. Pas des photos génériques recadrées après coup : les tenues, le décor et la lumière ont été choisis pour s'accorder au marron, au teal et à la pêche de la charte. [Lieu du shooting, X photos livrées.]
C'est ce qui fait la cohérence du site : quand le photographe et le webdesigner travaillent ensemble dès le départ, chaque image a sa place prévue dans le wireframe. Pas de photo qui jure avec le reste, pas de trou à combler avec une banque d'images.
3. Un wireframe validé avant le développement
Une fois la direction artistique posée, tout le contenu que l'on avait identifié pendant notre premier rendez-vous a été structuré dans un wireframe complet avant le passage en développement : chaque section verrouillée, chaque élément pensé à sa place, pour éviter les allers-retours une fois le site en construction. Le but, c'est qu'il n'y ait pas de mauvaise surprise : on sait quels éléments sont indispensables et on sait où ils vont être placés. Voici une petite reconstitution d'un des wireframes proposés à Himélie.
On prévoit l'emplacement photo dès le wireframe*
4. Un panneau de gare pour annoncer les actualités
Le site s'articule autour de trois espaces simples : Actualités, Œuvres, Contact. Une idée est née pendant le rendez-vous de cadrage : transformer la section actualités en panneau d'affichage inspiré d'une gare, avec ses « prochains départs » façon horaires de train, pour annoncer les prochaines dédicaces et l'avancée du livre en cours. Un clin d'œil qui colle parfaitement à l'univers du roman Coincés à Newark, qui commence dans un aéroport. Nous, on n'aime pas trop l'impact de l'avion sur l'environnement, alors on a suggéré un panneau de gare.
5. Une newsletter par semaine pour garder le lien avec ses lecteurs
Une newsletter connectée à Brevo permet à Himélie de partager l'écriture de son prochain roman directement avec ses lecteurs, chapitre après chapitre, sans dépendre d'un algorithme pour être vue. Les lecteurs déjà convaincus par son premier livre sauront directement quand le deuxième sera en vente.
En bonus, une 6ème solution et pas des moindres... Un site WordPress qu'elle peut gérer seule !
Le développement du site s'est fait sous WordPress avec le constructeur Divi, qui permet à Himélie de rester autonome si elle veut ajouter des actualités ou changer quelques textes. Pour l'hébergement, on a choisi l'hébergeur suisse Infomaniak.
Le site en images : panneau de gare et version mobile
Illustration de l'idée née pendant le rendez-vous de cadrage : transformer la section actualités en panneau d'affichage inspiré d'une gare, avec ses « prochains départs » façon horaires de train. Un clin d'œil direct à l'univers de Coincés à Newark, qui permet à Himélie d'annoncer ses dédicaces et l'avancée de son prochain livre.
Le site s'adapte naturellement à tous les écrans. Une grande partie des lecteurs d'Himélie la suit depuis les réseaux sociaux, donc la version mobile devait être aussi soignée que la version desktop, avec un accès rapide au livre et à la newsletter.
Le site a été pensé mobile first : la structure est construite en partant de l'écran le plus petit, puis adaptée vers le grand écran, et non l'inverse. Concrètement, ça évite l'écueil classique du site pensé pour desktop puis « compressé » tant bien que mal sur mobile, avec des boutons trop petits ou du texte qui déborde. Pour Himélie, c'est particulièrement important : la majorité du trafic venant des réseaux sociaux arrive directement sur mobile, donc c'est cette version qui devait être irréprochable en priorité.
Le résultat
Un espace qui lui appartient et qui ressemble à son univers
- Des photos professionnelles cohérentes avec son univers, réutilisables sur ses réseaux et pour la presse
- Un lien direct avec ses lecteurs via la newsletter
- Une autonomie complète pour mettre à jour ses actualités
- Un site livré en 6 semaines, hébergé en Suisse
Son témoignage
"Avant, je n'avais que les réseaux sociaux pour parler de mon travail. Maintenant j'ai un vrai espace qui me ressemble, et surtout un lien direct avec mes lecteurs grâce à la newsletter."
— Himélie, autrice
Ce qui vaut pour une autrice vaut pour votre entreprise
Artisan, commerçant, PME : si vos clients vous trouvent uniquement via Facebook, Instagram ou une plateforme, vous êtes dans la même situation qu'Himélie. Un site bien construit est le seul canal qui vous appartient vraiment, et qui travaille pour vous pendant que vous êtes sur chantier ou en boutique.
Et pour un artisan, des photos de vos chantiers et de votre équipe prises par un professionnel valent plus que n'importe quel texte : c'est ce qui convainc un client de vous appeler plutôt qu'un concurrent.
Vous aussi, vous voulez un site qui vous ressemble ?
*3 créneaux/semaine gratuits et sans engagement
