Rechercher
Menu

Nos contenus :

  • Stratégie digitale
  • Branding
  • UX & UI design
  • Sites & Apps
  • Écoconception
  • Webmarketing
  • Rien à voir
  • Tous les contenus

  • Articles

  • Décryptages

  • Conseils

  • Tous les contenus

  • Décryptages

  • Actus

  • Articles

  • Conseils

  • Tous les contenus

  • Décryptages

  • Articles

  • Tous les contenus

  • Articles

  • Conseils

  • Décryptages

  • Actus

  • Interviews

  • Tous les contenus

  • Articles

  • Décryptages

  • Interviews

  • Conseils

  • Tous les contenus

  • Décryptages

  • Articles

  • Tous les contenus

  • Décryptages

  • Conseils

  • Articles

  • Actus

20.06.2025Article
Stratégie digitale

Le SEO est mort, vive le SEO ?

Mayday
Les règles du référencement
N'arrêtent pas de changer
22.04.2025Décryptage
Stratégie digitale

Stories, Snaps, Lives : pourquoi on adore ce qui disparaît

On le voit...
On le voit plus...
C'est le contenu éphémère
11.04.2025Décryptage
Stratégie digitale

Duolingo : autopsie d’un buzz

Petit hibou
parti trop tôt
L'étrange décès de Duo
28.03.2025Décryptage
Stratégie digitale

Weird marketing : c’est bizarre et ça marche

Etre drôle
Sans être cringe
Tout un art
14.03.2025Conseil
Stratégie digitale

Comment podcaster comme un pro ?

Trouver l'équilibre entre qualité et pertinence
Cocher toutes les cases
S'inspirer des meilleurs
25.04.2025Décryptage
Branding

Rebranding : OpenAI montre son vrai visage

Quand le branding
de l'IA
est fait par des humains
20.12.2024Actu
Branding

Quand Heinz envoie la sauce sur le branding

Ketchup
Mayo
Tu décides, chef
18.11.2024Article
Branding

La typographie : un outil de communication puissant

Quand le fond et la forme..
ne font qu'un.
"Font" t'as capté ? C'est de l'anglais
25.10.2024Article
Branding

On a laissé l’intelligence artificielle refaire notre branding

On a confié notre branding à une IA
Chef d'oeuvre ou fiasco ?
Nos DA réagissent
27.09.2024Conseil
Branding

L’influence de la typographie sur l’identité d’une marque

La typo et notre cerveau
Une influence peu connue
Mais qui mérite le détour
22.04.2025Décryptage
UX & UI design

Quand l’interface devient invisible : la tendance du zéro UI

Du design...
Mais sans interface
C'est possible ça ?
21.03.2025Article
UX & UI design

Notre top des médias en ligne les plus top

On vous fait découvrir
des copains médias
vraiment sympas
20.03.2025
UX & UI design

Swipe, UX et dopamine : le vrai design des apps de rencontre

Pour que
Tu m'aimes
Encore
07.03.2025Décryptage
UX & UI design

E-commerce : et si on supprimait le bouton panier ?

"Le supprimer ?"
"mais vous êtes fous ?"
Si si, vous allez voir
21.02.2025Article
UX & UI design

C’est officiel : les années 90 reviennent en force

Les 90’s reviennent en force
et on va pas se raconter de salade
ça nous rend nostalgiques
16.05.2025Article
Sites & Apps

7 outils IA à connaître absolument pour votre site internet

Notre petite sélection
De la crème de la crème
Des outils IA
17.01.2025Article
Sites & Apps

10 ans de Netflix en France : qu’est-ce que ça a changé ?

Les Américains à la conquête du monde
Puis du cinéma français
Fêtent leurs 10 ans
10.01.2025Conseil
Sites & Apps

8 fonctionnalités e-commerce pour de meilleurs résultats en 2025

Notre recette secrète
Livrée pour vous
Gratos
13.09.2024Article
Sites & Apps

Notre top 5 des sites e-commerce vraiment bien pensés

Ils mettent la barre trèèès haut
Même pour Armand Duplantis
Attention la carte bleue
04.02.2024Décryptage
Sites & Apps

Compilation des meilleures pages erreur 404

L'art de la page d'erreur
Les bonnes pratiques
Les meilleurs élèves
18.04.2025Article
Écoconception

Slow communication et santé mentale : un lien évident ?

On s'entend plus penser
Et si on ralentissait un peu ?
Votre santé mentale vous dira merci
27.02.2025Article
Écoconception

Eco font : comment une police peut économiser de l’encre

Écrire malin, imprimer sobre
Eco font ou illusion verte
Moins d’encre, plus d’impact
18.02.2025Décryptage
Écoconception

Pourquoi le mode sombre n’est pas (toujours) écolo

Moins de lumière
Plus de style
Pas plus écolo
07.02.2025Article
Écoconception

Écoconception web : Les Français sont-ils dans les choux ?

L'écoconception, ça vous parle ?
Les sites web français dans le potage ?
Comment faire mieux demain ?
27.03.2024Interview
Écoconception

Interview : écoconception, plus le temps de niaiser

L'écoconception dans le web...
... c'est pas qu'une tendance...
Romain vous explique tout
09.05.2025Décryptage
Webmarketing

WhatsApp, Discord, Signal (ou dark social) : le terrain de jeu que les marques ne contrôlent pas

Le dark social...
Ces conversations
qui échappent au marques
30.04.2025Décryptage
Webmarketing

On en pense quoi des influenceurs virtuels ?

Une égérie parfaite
mais qui n'existe pas
c'est bien ça ?
22.11.2024Décryptage
Webmarketing

Réseaux sociaux : ces signes qui témoignent de la fin d’une ère

Oui, cet article va parler d'Elon Musk
Mais pas que
C'est promis
18.10.2024Article
Webmarketing

Les meilleurs coups de com depuis le début de cette année 2024

Des coups de com
Qui se démarquent
On vous explique pourquoi
13.10.2024Article
Webmarketing

La slow communication, une utopie à l’ère de l’IA ?

"La slow quoi ?"
C'est communiquer moins..
..mais mieux
27.06.2025Décryptage
Rien à voir

6 clés marketing à piquer à Bryan Johnson, le gourou 2.0

Il est flippant
mais aussi
vraiment fascinant
13.06.2025Décryptage
Rien à voir

NFT : tendance oubliée ou techno planquée ? (spoiler : c’est les deux)

T'as acheté des NFT en 2021 ?
Alors cette plus-value ?
Content du voyage ?
22.02.2025Conseil
Rien à voir

Cybersécurité en télétravail : les failles que les pros oublient

Slack mal fermé
VPN jamais lancé
Fuite assurée
19.02.2025Décryptage
Rien à voir

Ces abonnements que vous payez… sans jamais les utiliser

Abonnements mais absent
Facturé pour rien
Zappé mais prélevé
14.02.2025Article
Rien à voir

Nos meilleures recos de comptes de cuisine sur les réseaux sociaux

Si après ça...
...vous n'avez pas envie...
de vous mettre un ventre

Résultats pour

    • Facebook
    • X
    • LinkedIn
    • Email
    UX & UI design
    UX & UI designUX & UI designUX & UI design
    UX & UI designUX & UI designUX & UI design

    Qui a dit que l’industrie ne pouvait pas être sexy ?

    curly_decryptage_0.1 – min
    28.11.2023
    •
    Décryptage
    Accueil ・ UX & UI design ・ Qui a dit que l’industrie ne pouvait pas être sexy ?
    UX & UI design

    Design à l’ancienne, contenus à rallonge et structures obsolètes : on a souvent tendance à penser que l’industrie et le digital ne font pas bon ménage.

    Alors perceptions vérifiées ou bons gros clichés ?

    Nous vous présentons une sélection de 5 sites internet dans le secteur de l’industrie, qui malgré des secteurs d’activité difficiles à appréhender, étonnent par leur singularité et prouvent qu’avec n’importe qu’elle problématique il est possible d’être créatif et différenciant.

    C’est ici que repose le travail d’une agence digitale : révéler et sublimer l’identité d’un porteur de projet indépendamment de son secteur d’activité.

     

    Le bon élève

    Le groupe Lefort est une société spécialisée dans la construction de machines spécifiques au recyclage de matériaux métalliques. Créer un site internet dans le secteur de l’industrie et plus précisément dans le secteur de la gestion des déchets semble être un pari osé, et bien on estime que l’agence McArnolds a su aisément le relever.

    Moderniser les codes du secteur

    L’un des défis auxquels la direction artistique a dû faire face est l’intégration des visuels des activités de l’entreprise sur le site web.

    Le choix s’est porté sur la réalisation d’un slider en home, aux transitions travaillées, qui se compose de vidéos déstructurées et uniformisées colorimétriquement. De manière générale c’est visuellement réussi, les animations sont sélectionnées judicieusement de sorte à apporter dynamisme et profondeur à la plateforme. La charte graphique composée de couleurs tranchantes comme le noir et l’orange, transmettant les codes de l’industrie, est aussi bien exploitée. On note par exemple la mise en application de l’orange pour mettre en avant certaines informations stratégiques. La recherche iconographique et la sélection des éléments visuels sont également en cohérence avec les couleurs de charte.

    Hiérarchiser l’information

    Les éléments du design s’incluent sur la home de façon à répondre aux exigences de l’expérience utilisateur.

    On peut constater une hiérarchisation de l’information, par exemple grâce à l’utilisation d’un menu secondaire disposé au-dessus du menu principal, permettant d’accéder à l’ensemble des contenus du site. Les pages produits sont construites avec une alternance de blocs de manière à dynamiser la lecture, tout en donnant l’accès dès le premier viewport au téléchargement de la brochure. Le prospect a alors la possibilité de trouver l’informations en un minimum de clics.

    L’identité de marque a été justement intégrée et révélée par l’agence, en reprenant les codes du secteur avec modernité. La plateforme permet de mettre en valeur l’activité tout en en gardant un ton transparent et professionnel.

    L’innovant

    Ferrumpipe est une marque de clôtures métalliques et de portails de sécurité, ce qui n’a absolument pas freiné l’agence Cuberto experte en design et développement.

    Un équilibre entre UX et UI design

    La conception UX et le design d’interface ont été élaborés en concordance afin de répondre aux exigences de l’un et de l’autre en formant un juste équilibre. Le menu de navigation et les interactions proposés sont simples de façon à privilégier l’image et l’animation. Le site est aéré, il y a beaucoup d’espace fourni d’une alternance de texte et de visuels pertinemment travaillés qui suffisent à combler les attentes d’une réflexion UX.

    Sublimer le produit

    Visuellement, c’est la rencontre parfaite entre un site artistique et un site internet dans le secteur de l’industrie. Les animations sont fluides et très bien réalisées avec notamment l’utilisation de la 3D et de close-up, dynamisant l’ensemble. Mention spéciale à la manière dont sont utilisées les couleurs des matériaux. L’intégration des produits, ayant une apparence loin d’être attrayante au départ, est parfaitement maitrisée. L’ensemble, non seulement efficace, permet de sublimer les articles vendus.

    Franchement, on est bluffés par le design et la navigation proposés sur ce site web, on aurait été curieux de voir le bief de départ. Pour nous, l’agence a réussi l’audacieux pari de répondre aux enjeux actuels de l’industrie haut la main. Chapeau à Cuberto !

    L’engagé

    L’entreprise Quaise développe des systèmes de forage destinés à la production d’énergie géothermique. La conception d’un site internet dans le secteur de l’industrie ou non, doit être pensée de façon à transmettre à l’utilisateur les valeurs d’une marque et le site de Quaise en est le bon exemple.

    Une bonne gestion de l’espace

    La conception UX se concentre sur une mise en page minimaliste. Le menu, composé de deux entrées, permet d’aller droit au but vers l’information importante.  L’alternance des blocs est travaillée afin de favoriser la circulation dans l’espace, le tout sur une home quand même profonde.

    L’expérience utilisateur est simple dans son approche mais sa conception a été réfléchie en cohérence entre le traitement d’une information dense et un visuel minimaliste. La mise en page est juste et sans superflu. La page News, par exemple, est construite avec une grille en arrière-plan, permettant de cadrer les différents articles à l’image d’un site média, elle fait office de fil conducteur pour l’utilisateur.

    Donner un ordre de lecture

    La direction artistique reprend les codes de l’industrie avec modernité. On retrouve l’utilisation de lignes, de formes géométriques, c’est un peu mathématique. Cela met en avant la dimension sérieuse du sujet tout en cloisonnant les éléments pour donner un ordre de lecture.

    La charte graphique est claire et assez neutre, avec l’utilisation du blanc en couleur de fond, permettant au lecteur de se concentrer sur le texte écrit en noir. L’originalité est l’application d’un bleu turquoise bien flashy pour surexposer certains éléments, comme les boutons par exemple.

    Pari réussi pour le DA et le conception UX car cette navigation agréable donne envie de creuser le sujet et de découvrir plus de pages alors qu’il y en a peu, on reste un peu sur notre faim. Le minimalisme du site donne l’accent aux promesses de l’entreprise, c’est une stratégie efficace afin de donner crédibilité et sécurité à l’utilisateur.

    Le dernier cri

    Wirewerks est un fabricant de systèmes de câblage structuré en fibre optique et en cuivre.  Cet exemple nous montre comment l’agence Locomotive a remarquablement réussi l’exercice de retranscrire les codes du secteur d’activité au sein d’un site web.

    Dynamiser la lecture

    La conception UX nous offre une expérience immersive, commençant avec l’utilisation d’un slider sur le premier viewport qui nous fait aimer les carrousels (et ça ce n’est pas gagné). Les transitions de pages sont toutes travaillées avec des animations toutes aussi immersives et sans un effet sapin de Noël. Mention spéciale à la mise en avant des 3 entrées en bas du slider qui s’imposent comme un nouveau niveau de menu.

    Le site est clair, construit avec des marges importantes et une alternance de blocs image et texte apportant de la dynamique à la lecture. La mise en place des CTA est assez originale, ils prennent beaucoup de place et sont très colorés, pour le coup ils attirent l’œil c’est sûr !

    Codes du secteur ingénieusement utilisés

    Le design du site est une belle réussite, les codes de la tech sont ingénieusement utilisés et intégrés dans l’ensemble. On les retrouve dans les typographies choisies, la charte graphique et ce jusqu’aux moindres détails. On note une répétition dans l’utilisation de la connectique du câble, avec par exemple, la possibilité de créer une ligne avec le curseur permettant de tourner les pages du slider.

    La manière dont la charte, constituée de nuances de bleu et blanc, est appliquée est très intéressante et rend le site visuellement cohérent. Ils se sont fait plaisir sur les animations, nombreuses mais très bien exécutées. Comme l’utilisation d’un scroll parallaxe maitrisé et très agréable pour apporter du mouvement et de la profondeur. La recherche iconographique est particulièrement réussite ici.

    Ce site montre le travail de réflexion qu’il est nécessaire d’avoir en amont de la confection. La direction artistique doit être conçue pour répondre aux perceptions de la cible visée. Le prospect ayant une affinité avec le monde de la tech trouve un certain confort sur ce site, ce qui va favoriser son engagement.

    Le sentimental

    L’entreprise Couro Azul concentre son activité sur la fabrication de cuir technique pour les marchés automobiles et aéronautiques. Son site web a été réalisé par l’agence portugaise Büro qui a réussi le pari de casser les codes du site industriel BtoB.

    Une expérience immersive

    La conception UX offre une expérience totalement immersive, composée de nombreuses interactions, avec une disposition dans l’espace permettant une fluidité de lecture. On note, par exemple, l’utilisation remarquable du premier viewport coupé en deux avec d’un côté une présentation des produits et de l’autre un teaser bien clinquant permettant de positionner une identité de marque hyper qualitative, presque luxueuse.

    La page Markets, quant à elle, est une page hub construite avec trois entrées redirigeant vers les différents marchés, présentés respectivement par une flatteuse vidéo. L’expérience utilisateur est pensée sur chaque page du site, jusqu’à la page About où l’on retrouve une carte offrant une immersion au sein de l’entreprise.

    Transmettre des sentiments

    La direction artistique est particulièrement belle sur ce site, le produit est totalement sublimé. Le site est dans l’ensemble très bien travaillé, les animations sont design et la recherche iconographique est spécifiquement poussée, on note par exemple l’utilisation de blocs texturés avec l’apparence du cuir. Mention spéciale pour les headers des pages très bien réalisés, qui donnent envie à tout curieux de fouiller l’ensemble du site.

    La plateforme révèle une conception UX et un design graphique réfléchis en cohérence de manière à transmettre des sentiments à l’utilisateur et à diffuser une certaine atmosphère. Au-delà de l’image hyper qualitative que renvoie le site, il donne envie de passer au travers de l’écran et de toucher le cuir, en parcourant les pages on sent presque son odeur. C’est une totale réussite, chapeau l’artiste !

    Alors convaincu ?

    Pour réussir un site internet dans le secteur de l’industrie, la recette n’est pas secrète, elle est principalement composée de deux ingrédients indispensables.

    Un site web doit avant toute chose être réfléchi en termes d’expérience utilisateur, c’est la vitrine d’une identité et la base d’une bonne communication érigée principalement pour la cible visée. Il est nécessaire d’avoir réalisé une étude complète de l’audience et de ses besoins, afin de donner des réponses concrètes et facilement identifiables, notamment en intégrant un parcours utilisateurs simple jusqu’à la conversion.

    Le design graphique vient ensuite confirmer les intentions UX afin de créer un ensemble cohérent. Les codes du secteur doivent être intégrés tout en préservant une identité propre à la marque. De façon à mettre l’utilisateur dans un univers familier tout en se démarquant de la concurrence avec un esthétisme différenciant.

    21.11.2023Conseil
    Stratégie digitale

    Comment rédiger le cahier des charges de votre prochain site web ?

    L'intérêt du cahier des charges
    Les grandes sections
    Et le modèle gratos (cadeau)
    16.01.2023Décryptage
    UX & UI design

    5 exemples de sites internet d’associations : notre sélection

    Des assos qui cassent les codes
    Et le résultat fait du bien
    On a sélectionné 5 exemples
    05.12.2023Conseil
    Rien à voir

    Le top 10 des raisons de ne pas lire les top 10 des meilleures agences

    Les meilleures selon qui ?
    Les meilleures pour qui ?
    Comment marchent ces classements

    Vous avez bien encore
    2 minutes ?

    Lancer la loterie

    NFT : tendance oubliée ou techno planquée ? (spoiler : c’est les deux)

    WhatsApp, Discord, Signal (ou dark social) : le terrain de jeu que les marques ne contrôlent pas

    On en pense quoi des influenceurs virtuels ?

    Stories, Snaps, Lives : pourquoi on adore ce qui disparaît

    Slow communication et santé mentale : un lien évident ?

    Weird marketing : c’est bizarre et ça marche

    Notre top des médias en ligne les plus top

    Comment podcaster comme un pro ?

    E-commerce : et si on supprimait le bouton panier ?

    Le podcast de marque : la poule aux œufs d’or acoustique

    Nos meilleures recos de comptes de cuisine sur les réseaux sociaux

    8 fonctionnalités e-commerce pour de meilleurs résultats en 2025

    Travailler en agence digitale : le job le plus stimulant ?

    La slow communication, une utopie à l’ère de l’IA ?

    Notre top 5 des sites d’architectes français

    Quand Ryan Gosling pète un câble sur le logo Avatar

    La sournoise page « formules d’abonnement » de Neoness

    La transformation digitale d’ARTE : une masterclass

    Qu’est-ce que le marketing inversé (reverse marketing) ?

    Le co-branding ou l’art de faire des rapprochements inattendus

    USA : quand GEICO sublime l’exercice des YouTube Ads

    Notre sélection des plus beaux sites de l’univers du luxe

    À quoi ressemblera Internet en 2024 ?

    Growth hacker : décryptage d’un métier mystérieux

    Compilation des meilleures pages erreur 404

    Le marketing d’influence, un atout dans votre stratégie

    Accessibilité web : les 6 conseils pour l’appliquer sur son site web

    Les 7 caractéristiques d’un cahier des charges de création de site web réussi

    Vos 30 derniers copiés-collés à portée de main avec Clipy

    Threads : phénomène éphémère ou réseau social incontournable ?

    La slow-communication en pratique : ces marques faisant l’économie du marketing

    Combien ça coûte un site internet ?

    Comment pimper son design tout en sobriété ?

    Appel d’offres agences digitales : comment bien l’organiser ?

    La création d’un logo : 6 étapes clés

    Expliquer le référencement Google à ton père : le guide

    Conception web inclusive : qu’est-ce que l’accessibilité web ?

    Le top 10 des raisons de ne pas lire les top 10 des meilleures agences

    Pixel War, la guerre mosaïque de Reddit

    Comment rédiger le cahier des charges de votre prochain site web ?

    Ce que votre typographie dit de vous

    Interview : est-ce que vous avez vraiment besoin d’une application mobile ?

    Expliquer les cookies RGPD à ton père : le guide

    L’expérience utilisateur, pourquoi c’est essentiel aujourd’hui ?

    La Société Générale fait fort avec sa websérie “Terrain Favorable”

    Travaillez depuis les forêts, les montagnes ou les plaines avec Noisli

    Sex Education, une communication libérée

    Typefesse, la typo qui claque

    La slow-communication : concilier business et responsabilité

    Comment savoir si votre site est écoresponsable ?

    Comment Google a révolutionné l’utilisation d’internet en 25 ans ?

    Les éco-typographies, c’est quoi ?

    Des écoles au site internet donnant envie d’y retourner

    5 exemples de sites internet d’associations : notre sélection

    Notre top 5 des sites web de l’année 2022

    Le storytelling dans le branding : savoir se (la) raconter

    Nos meilleurs contenus chaque mois

    Dans votre boite mail Grrrrratos

      En m’inscrivant, j’accepte la politique de confidentialité

      • A propos
      • L'agence
      • Site réalisé par la boucle
      • contact@laboucle.media
      • Politique de confidentialité
      • Mentions légales
      • Les cookies
      • Instagram
      • Linkedin
      • TikTok
      • Google +

      Tu veux croquer
      du contenu ?

      Nos meilleurs articles chaque mois
      dans ta boite mail Grrrrratos

        En m’inscrivant, j’accepte la politique de confidentialité

        Alleeeeez vas-y t’inquiète paaas

        Alleeeeez vas-y t’inquiète paaas