Site Web  ·  Étude de cas de portefeuille

Un site portfolio où l'œuvre parle en premier
et la capacité suit

Les agences de création sont jugées sur ce qu'elles ont réalisé, et non sur ce qu'elles prétendent pouvoir réaliser. Le site de portfolio devait montrer le travail de manière à ce que les prospects se sentent en confiance avant de lire une seule description de service.

Catégorie : Site Web
Livraison : 2 à 3 semaines
Pile : HTML5 · CSS3 · JavaScript
Concentrez-vous : Vitrine de travail et acquisition de clients
Statut : Livré
Site Web de portfolio d'agence créative, vitrine de travail

Ce que le client est venu avec

Une agence de création boutique gagnait des clients grâce à des présentations et des références depuis trois ans. Leur site Web, un modèle de base qu'ils avaient mis en place lors de leur premier lancement, ne reflétait plus la qualité ou l'étendue du travail qu'ils produisaient réellement. Les prospects qui consultaient le site avant les réunions se présentaient avec de mauvaises attentes.

La demande : créer un site de portfolio qui mène le travail, communique l'étendue et la profondeur de l'agence et donne aux prospects un chemin clair et facile pour démarrer une conversation, sans les submerger de texte.

Leurs mots

"Notre travail est solide. Notre site Web ne l'est pas. Les clients le consultent avant chaque réunion et nous pouvons voir qu'ils se sont fait une mauvaise idée avant même de nous serrer la main. Nous avons besoin de quelque chose qui rende justice au travail."

Agence créative Clients B2B Axé sur les références Plus de 20 projets à présenter Qualité sur volume

Ce que nous avons reçu et ce que nous avons construit

L'agence a fourni des images de projets sélectionnés, des résumés de cas et des informations sur l'équipe. Nous avons géré l'intégralité de la conception, de la structure et de la construction, y compris la manière dont le travail a été organisé, présenté et lié à l'enquête.

Ce que nous avons reçu
  • Plus de 20 images de projets et résumés de cas
  • Logo de l'agence et couleurs de la marque
  • Biographies et photos de l'équipe
  • Liste des services et descriptions des fonctionnalités
  • 3 témoignages clients
Ce que nous avons construit
  • Site de portfolio complet avec grille de travail filtrable
  • Pages d'études de cas individuelles par projet
  • Page de services avec répartitions par discipline
  • Page À propos avec section d'équipe et histoire de l'agence
  • Page de contact avec formulaire de demande contextuel
  • Structure prête pour le référencement avec balisage de schéma d'étude de cas

Construire un portefeuille qui vend l'agence sans vendre

Les sites de portfolio échouent de deux manières : trop de travail montré trop petit (écrasant) ou trop peu de contexte autour du travail (peu convaincant). Nous avons résolu ces deux problèmes en organisant la présentation et en structurant chaque étude de cas pour raconter l'histoire du mémoire, et pas seulement montrer le résultat.

01
Semaine 1
Conservation du portefeuille

Travail avec l'agence pour sélectionner les 12 projets les plus forts dans leur bibliothèque de 20+. Mieux vaut montrer 12 pièces exceptionnelles que 20 mixtes. Définition de la structure des catégories et de la logique de filtrage.

02
Semaine 1-2
Structure de l'étude de cas

Structuré chaque étude de cas avec un format cohérent : le brief, l'approche, le résultat. Suffisamment de contexte pour donner du sens au travail, suffisamment concis pour rester engageant. Le visiteur le lit en moins de 2 minutes.

03
Semaine 2
Construire et polir

Création de la grille de portefeuille filtrable, des pages d'études de cas, des services et des sections à propos. Des transitions fluides, un chargement rapide des images et une mise en page qui laisse le travail respirer, beaucoup d'espaces, une distraction minimale.

04
Semaine 3
Chargement et lancement du contenu

Chargement des 12 études de cas, images optimisées, configuration du référencement et lancement. Remis avec un guide simple pour ajouter de nouveaux projets à mesure que le portefeuille se développe, aucun développeur n'est requis pour les mises à jour du contenu.

Avant vs après, de sous-représenté à incontournable

Le travail n'a pas changé. L'agence n'a pas changé. Ce qui a changé, c'est la façon dont les nouveaux prospects percevaient l'agence en ligne, et cela a changé la qualité des conversations qui ont suivi.

Avant
  • Site modèle qui ressemblait à toutes les autres agences
  • Œuvre présentée sous forme de petites vignettes sans contexte
  • Pas de pages d'études de cas, juste des images, pas d'histoire
  • Services décrits de manière générique sans différenciation
  • Pas de CTA clair, les visiteurs ne savaient pas quoi faire ensuite
  • L'expérience mobile était interrompue, le portefeuille ne fonctionnait pas sur les téléphones
Après
  • Un design personnalisé qui reflète les standards visuels réels de l'agence
  • Grille de portfolio filtrable, travaux présentés à la bonne échelle
  • 12 études de cas structurées, brief, approche, résultat par projet
  • Page de services positionnée autour des résultats des clients, pas seulement des disciplines
  • Chemin de recherche clair à partir de chaque section principale du site
  • Entièrement réactif, le portefeuille s'affiche parfaitement sur tous les appareils

Un portfolio qui gagne des réunions, et les rend plus courtes

Les prospects arrivent désormais aux réunions après avoir déjà vu le travail, compris les capacités et formé une première impression positive. La conversation commerciale commence plus loin et l’agence passe moins de temps à faire ses preuves et plus de temps à discuter du brief.

Projet en un coup d'œil

2–3Semaines pour le lancement
12Études de cas en direct
5Pages livrées
PleinFondation SEO
  • La grille de portefeuille filtrable permet aux prospects de trouver le travail le plus pertinent pour leur secteur sans avoir à chercher
  • Les pages d'études de cas donnent un contexte au travail, pas seulement au résultat, mais à la réflexion et au résultat qui le sous-tendent.
  • Des chemins de recherche clairs à partir de chaque section principale, moins de moments « Je ne savais pas trop comment entrer en contact »
  • Optimisée pour le référencement, l'agence apparaît désormais dans les recherches selon ses disciplines et sa localisation spécifiques.
  • Le client peut ajouter de nouveaux projets sans développeur, le portefeuille s'agrandit à mesure que le travail se développe

Votre portfolio montre-t-il votre travail comme il mérite d’être montré ? Créons quelque chose qui enthousiasme les nouveaux clients avant même qu'ils ne vous parlent.

← Précédent Identité de marque de remise en forme Tous les cas Suivant → Tableau de bord d'analyse