Hamburger
ApprocheBrand FoundationUI/UX DesignLong-Term PartnershipRéalisationsThe CompassInsightsÀ proposEN
moon

Étude de cas : Asensia

Refonte du site Internet d'Asensia autour de ses domaines d'expertise informatique.

Asensia, une société luxembourgeoise spécialisée dans les services informatiques, présentait l'ensemble de son offre sur une seule page. LostWoods™ a réorganisé le site en pages dédiées et a mis en place le design system qui assure la cohérence de toutes les pages.

Conception numérique

Cohérence à long terme

Le contexte

Asensia comptait désormais une équipe de plus de 80 experts informatiques spécialisés dans le cloud, la sécurité, ServiceNow, les données et l'IA, mais son site web continuait de présenter l'ensemble de ces informations sur une seule et même page. L'entreprise avait besoin d'une structure permettant de présenter clairement chaque domaine d'expertise aux décideurs, ainsi que d'une mise en page cohérente d'une page à l'autre.

Le tournant

D'une simple page à un espace dédié à chaque domaine d'expertise.

Nous avons commencé par définir la structure : quelles pages le site devait comporter, quel contenu chaque page devait présenter et comment les moteurs de recherche allaient l'interpréter. Nous avons ensuite transposé les brand guidelines d'Asensia en un ensemble restreint de règles de conception. Ce n'est qu'ensuite que nous avons conçu les pages, pour ordinateur et pour mobile, en respectant ce cadre.

Avant

Le site web d'Asensia présentait toutes les informations sur une seule page, ce qui rendait l'offre difficile à lire et ses principaux domaines d'expertise difficiles à repérer.

  • L'ensemble du site sur une seule page
  • Aucune page dédiée à chaque service
  • Les produits et services sont regroupés dans une seule liste
  • Aucune mention de ServiceNow
  • Aucun titre principal (H1) pour les moteurs de recherche
  • Des sections répétées et des liens obsolètes

Ce qui devait changer

Le site avait besoin d'une structure permettant à chaque domaine d'expertise d'avoir sa place, ainsi que de règles communes pour garantir la cohérence de toutes les pages.

  • Des pages dédiées à chaque volet de l'offre
  • Six domaines d'expertise clairement définis
  • Une place bien en évidence réservée à ServiceNow
  • Un titre H1 par page et une FAQ optimisée pour le référencement
  • Une seule barre de navigation et un seul appel à l'action principal
  • Des règles réutilisables concernant les polices, les couleurs et les boutons
Asensia — Fondements du numérique, Architecture UX, étude de cas LostWoods Luxembourg
Asensia — Fondements du numérique, Architecture UX, étude de cas LostWoods Luxembourg
Asensia — Fondements du numérique, Architecture UX, étude de cas LostWoods Luxembourg
Asensia — Fondements du numérique, Architecture UX, étude de cas LostWoods Luxembourg
Asensia — Fondements du numérique, Architecture UX, étude de cas LostWoods Luxembourg
Asensia — Fondements du numérique, Architecture UX, étude de cas LostWoods Luxembourg

Le résultat

Ce dont dispose désormais Asensia

Asensia a reçu les maquettes complètes des pages pour ordinateur et mobile, ainsi que le « design system » sur lequel elles reposent, le tout sous la forme d'un fichier Figma modifiable et prêt à être développé.

  • Une offre claire et accessible

    Chaque domaine d'expertise dispose de sa propre rubrique, ce qui permet aux visiteurs de découvrir l'ensemble des services proposés par Asensia et de trouver ServiceNow sans avoir à effectuer de recherche.

  • Une structure lisible par les moteurs de recherche

    Des pages dédiées, un balise H1 par page et une FAQ offrent à Asensia une base solide pour être référencée sur ses principaux services.

  • Un système facile à étendre

    Les styles de texte, les codes de couleur et les composants sont définis une seule fois, ce qui permet d'ajouter de nouvelles pages, de nouveaux articles ou de nouveaux services sans compromettre la cohérence.

Études de cas

Découvrez comment la structure s'applique à des marques différentes

Chaque projet suit la même approche structurée, adaptée à des contextes, des enjeux et des stades de croissance différents. Des contextes différents, une même approche structurée de la marque et du design.

BAIL SENSEI : From no digital presence to a structured training platform. — Système de marque by LostWoods, design agency in Luxembourg
Système de marque
Fondements du numérique
Système d'identification
Architecture UX

BAIL SENSEI : From no digital presence to a structured training platform.

All eyes on me — Système éditorial by LostWoods, design agency in Luxembourg
Système éditorial
Communication de marque

All eyes on me

Valorlux — Gamme de produits by LostWoods, design agency in Luxembourg
Gamme de produits
Architecture UX

Valorlux