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

  • Conseils

  • Articles

  • Interviews

  • Tous les contenus

  • Conseils

  • Interviews

  • Articles

  • Décryptages

  • Tous les contenus

  • Articles

  • Décryptages

  • Conseils

  • Tous les contenus

  • Décryptages

  • Interviews

  • Articles

  • Conseils

  • Tous les contenus

  • Décryptages

  • Articles

  • Conseils

  • Tous les contenus

  • Décryptages

  • Actus

  • Articles

  • Conseils

  • Tous les contenus

  • Décryptages

  • Conseils

28.11.2023Conseil
Stratégie digitale

Faut-il annoncer son budget aux agences digitales ?

Aujourd'hui on parle "argent"
On brise les tabous
Et à la fin vous serez gagnants
19.10.2023Conseil
Stratégie digitale

Création ou refonte de site web, comment bien la préparer ?

État des lieux
Le cahier des charges
La stratégie
02.06.2023Article
Stratégie digitale

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

Pourquoi le rédiger ?
Les 7 caractéristiques
Et un cadeau (et oui)
21.04.2023Article
Stratégie digitale

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

La cahier des charges
Étude des propositions
Choix du prestataire
06.12.2020Interview
Stratégie digitale

L’hyper-personnalisation : le secret de l’efficacité de l’Account Based Marketing

16.11.2023Conseil
Branding

Ce que votre typographie dit de vous

Un peu d'histoire
La typographie dans son identité graphique
Les familles typographiques
31.10.2023Interview
Branding

Interview : la marque, secret des entreprises qui s’inscrivent dans le temps

Aujourd'hui on reçoit Seb
Seb qui ?
Seb d'Akrolab
24.10.2023Article
Branding

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

Le storytelling, c'est quoi ?
Les meilleures pratiques
Les modèles à dupliquer
17.10.2023Article
Branding

Typefesse, la typo qui claque

Une typographie faite de popotins
De popotins ?
Oui tu vas voir, c'est top
03.08.2023Décryptage
Branding

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

L'importance du logo
Les 6 étapes
À vous de jouer
24.05.2023Article
UX & UI design

C’est quoi l’effet sapin de Noël sur un site internet ?

Définition
Comment l'éviter ?
Faites comme Snoop Dogg
20.05.2023Décryptage
UX & UI design

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

L'art du graphisme
L'utilisateur au centre de la stratégie
Quand l'UX rencontre la créativité
07.11.2023Conseil
UX & UI design

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

Comment ça marche ?
Les parcours utilisateur
Les wireframes
08.01.2023Décryptage
UX & UI design

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

5 jolis sites à vous montrer
Il y a un peu de tout
Ça vaut le détour
08.05.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
07.12.2023Décryptage
Sites & Apps

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

L'importance de l'accessibilité web
Les enjeux business
Comment l'appliquer ?
14.11.2023Interview
Sites & Apps

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

"J'ai une bonne idée"
"Faut que je fasse une app"
Doucement, Thomas va tout expliquer
09.11.2023Article
Sites & Apps

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

"J'en ai marre de tous ces cookies !"
Et oui papa
Mais y a rien de méchant tu vas voir
18.08.2023Conseil
Sites & Apps

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

Un site accessible, c'est quoi ?
Les conseils pour un site accessible
Les alternatives possibles
26.04.2023Article
Sites & Apps

Combien ça coûte un site internet ?

Les différents types de site
Les ambitions techniques
La sélection des agences
15.11.2023Décryptage
Écoconception

Comment pimper son design tout en sobriété ?

L'écoconception, you know ?
Nos conseils
Des sites réussis
10.10.2023Article
Écoconception

Comment savoir si votre site est écoresponsable ?

L’écoconception numérique : c'est quoi ?
Évaluer son site internet
Les critères essentiels
02.06.2023Conseil
Écoconception

6 raisons de passer à l’écoconception web

Un site plus rapide
Un site plus accessible
L'image de marque
30.11.2023Décryptage
Webmarketing

Faut-il tout donner sur TikTok ? Le cas Bose

Bose a tout cassé sur TikTok
Si si, on vous jure
On va tout vous expliquer
02.11.2023Actu
Webmarketing

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

De la communication
Et du rugby
Le joli coup
24.10.2023Actu
Webmarketing

Sex Education, une communication libérée

Un marketing culotté
Nom d'une pipe, ça fonctionne
On se fait une toile ?
24.10.2023Décryptage
Webmarketing

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

Le métier derrière le nom
Les missions du growth hacker
De la théorie à la vraie vie
24.10.2023Décryptage
Webmarketing

USA : quand GEICO sublime l’exercice des YouTube Ads

GEICO c'est un assureur aux US
Ils sont hyper drôles
Et en plus il sont malins
23.11.2023Décryptage
Rien à voir

Pixel War, la guerre mosaïque de Reddit

Conquérir l'espace
Pixel par pixel
Et représenter son pays (ou non)
26.10.2023Décryptage
Rien à voir

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

Mais comment ça ?
Noisli c'est quoi ?
Et comment ça marche ?
11.07.2023Décryptage
Rien à voir

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

Clipy c'est quoi ?
On a bien dit "30 copiés-collés"
Découvrez le "multi-copié-collé"
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

Résultats pour

    • Facebook
    • Twitter
    • 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)
    08.05.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

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

    Pixel War, la guerre mosaïque de Reddit

    Ce que votre typographie dit de vous

    Comment pimper son design tout en sobriété ?

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

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

    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

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

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

    USA : quand GEICO sublime l’exercice des YouTube Ads

    Typefesse, la typo qui claque

    La slow-communication : concilier business et responsabilité

    Comment savoir si votre site est écoresponsable ?

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

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

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

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

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

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

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

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

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

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

    Combien ça coûte un site internet ?

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

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

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

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

    Nos meilleurs contenus chaque mois

    Dans votre boite mail Grrrrratos

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

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