Site web

Création d’un site web WordPress pour une agence média au Royaume-Uni

MEDIA UP : site web WordPress pour une agence média au Royaume-Uni, avec notre design, des services par domaine, des contacts avec carte et une adaptation au téléphone.

Vue d'accueil du site B4 MEDIA UP avec le logo, le texte « New generation media group » et une image de fond violet-rose avec un bureau

La mission

Création d’un site web WordPress pour l’agence média MEDIA UP au Royaume-Uni : CREATING.LV a développé pour l’agence un site clair en anglais, qui présente ses services aux clients et leur permet de la contacter. Le projet a été livré en 2021.

MEDIA UP travaille sur les stratégies médias, les campagnes publicitaires et le marketing digital ; le site indique le nom B4 MEDIA UP. Sa gamme de services est large (du contenu éditorial et des retransmissions en direct à la publicité, aux solutions digitales et au conseil aux entreprises) : la tâche principale était donc d’organiser cette offre pour que le visiteur puisse la parcourir sans se perdre dans une longue liste.

Notre rôle

CREATING.LV a développé le site de l’agence sur WordPress. Cette création de site web WordPress pour une agence média comprenait :

  • le design visuel et le parcours utilisateur ;
  • des sections distinctes pour les services de l’agence par domaine ;
  • une partie contacts avec carte et formulaire de contact ;
  • une version mobile adaptée.

Le site est en une seule langue : l’anglais. Cela correspond à l’audience de l’agence au Royaume-Uni, et un site monolingue n’exige ni traductions ni sélecteur de langue à maintenir.

Aperçus du projet

Des sections de services par domaine

Chaque domaine de services a son propre bloc avec des icônes et des intitulés courts. Le bloc des services éditoriaux énumère des thèmes comme le sport, la politique, les régions, la culture et le tourisme, et le bloc des retransmissions en direct : retransmissions sportives, conférences de presse, concerts et production vidéo.

Les icônes et les intitulés courts permettent au visiteur de voir rapidement les thèmes et formats couverts par l’agence. Par exemple, un organisateur sportif voit immédiatement dans le bloc des retransmissions que les retransmissions sportives font partie de l’offre de l’agence, sans avoir à lire une longue description pour le savoir. L’icône sert de repère visuel que le visiteur reconnaît en faisant défiler la page, tandis que l’intitulé court précise de quel thème ou format il s’agit.

Trois axes principaux en cartes

Les trois axes principaux (publicité, solutions digitales et conseil aux entreprises) sont présentés sous forme de cartes avec un bouton « Find out more ». Les titres des cartes sont en anglais sur le site : Advertising, Digital solutions et Business consulting. Chaque axe comporte ensuite une liste détaillée, par exemple études d’audience, planification média, veille des réseaux sociaux et solutions de contenu.

Le format en cartes répartit l’information sur deux niveaux. Le visiteur ne voit d’abord que trois axes et choisit le sien, puis seulement lit la liste détaillée. On peut ainsi présenter de nombreux services sur une seule page sans surcharger la première impression.

Dans la partie conseil aux entreprises, textes et images alternent ligne par ligne : suivi des résultats, achat et vente de contenus TV, sponsoring. Ce rythme permet de lire une longue description de services par morceaux, chaque image marquant le début d’un nouveau thème.

Les contacts et le chemin jusqu’à la demande

En bas de page se trouvent une carte avec l’emplacement du bureau à Londres, un formulaire de contact avec nom, e-mail, sujet et message, ainsi que les coordonnées et les horaires d’ouverture.

Chaque élément de la partie contacts a sa fonction pratique. La carte montre où se trouve le bureau et sert au client qui prévoit un rendez-vous en personne. Les horaires d’ouverture permettent de savoir quand attendre une réponse. Le champ « sujet » du formulaire permet d’indiquer dès le premier message le service concerné, pour ne pas avoir à le préciser dans un échange séparé.

Sur le site, le client potentiel avance du général au particulier :

  • dans la vue d’accueil, il voit le nom de l’agence et un court message ;
  • en faisant défiler, il arrive aux services éditoriaux, aux retransmissions en direct et à une courte présentation de l’agence dans le bloc « About us » ;
  • dans les trois cartes, il choisit un axe et lit la liste détaillée ;
  • en bas de page, il trouve la carte, les horaires d’ouverture et le formulaire de contact pour sa demande.

Design et navigation

Le design visuel était notre travail. La navigation est placée dans une étroite barre latérale avec un bouton de menu, elle reste donc accessible même sur une longue page, et la grande image d’accueil affiche immédiatement le nom de l’agence.

Le menu ne s’ouvre que lorsque le visiteur appuie sur le bouton : la barre latérale prend donc peu de place et laisse la plus grande partie de l’écran au contenu (l’image d’accueil, les blocs de services et les cartes).

Les nombreux services sont répartis en blocs homogènes avec icônes, cartes et listes : un tel site pour une agence média permet donc de parcourir rapidement tous les domaines et de n’ouvrir que ce qui intéresse le visiteur. Une présentation homogène des blocs signifie aussi que le visiteur cherche l’information au même endroit dans chaque domaine.

Version mobile

Une version mobile adaptée a été développée pour le site, et c’était aussi notre travail. La version mobile est conçue pour que les blocs, cartes et listes soient lisibles sur un écran de téléphone en faisant défiler la page, sans zoomer. Une version mobile adaptée signifie que les éléments placés côte à côte sur ordinateur sont disposés autrement sur un écran étroit, généralement les uns sous les autres, et que les espacements et la taille du texte sont eux aussi ajustés. Le formulaire et les coordonnées sont également accessibles sur téléphone, la demande peut donc être envoyée depuis n’importe quel appareil.

Technologies

Le site a été développé sur WordPress. Pour en savoir plus sur le choix de cette plateforme, lisez l’article Pourquoi WordPress est le meilleur choix pour votre site web.

À qui convient la création d’un site web WordPress pour une agence média

Une telle solution convient à une agence média, publicitaire ou marketing qui doit présenter de nombreux services différents. La même structure (blocs par domaine, cartes avec listes détaillées et partie contacts en bas de page) convient aussi à une autre entreprise de services à l’offre étendue. Avant le développement, il est utile pour l’agence d’organiser ses services par domaine et de préparer une courte liste pour chacun : la structure des blocs et des cartes en découle. Un site pour agence média aux domaines de services clairement séparés aide le client à comprendre rapidement dans quel domaine l’agence peut l’aider.

Un site monolingue pour une agence média convient lorsque ses clients utilisent principalement une seule langue. Si les clients parlent des langues différentes, le site a besoin de versions linguistiques, et sur un site WordPress multilingue il faut aussi maintenir une traduction pour chaque page ; pour en savoir plus sur les outils, lisez l’article WPML ou Polylang.

La création d’un site WordPress pour une agence à l’audience internationale exige aussi une partie contacts claire : adresse, horaires d’ouverture et formulaire au même endroit. Si vous prévoyez un site similaire, découvrez nos services de développement de sites web et de web design.

Services utilisés

Remarque

Le portfolio présente la solution développée au moment de la livraison du projet. Le site actuel a pu être modifié depuis.

Contact

Démarrer un projet

Décrivez votre projet ou votre question — nous vous répondrons et vous proposerons la solution la plus adaptée.

Demande concernant: Demande générale Modifier

Facultatif. Les noms et les prix proviennent de notre grille tarifaire.

Facultatif · un fichier · PDF, JPG ou PNG · jusqu’à 10 Mo

obligatoire · Politique de confidentialité

Démarrer un projet

Décrivez votre projet ou votre question — nous vous répondrons et vous proposerons la solution la plus adaptée.

Écrivez-nous sur WhatsApp (s’ouvre dans un nouvel onglet)