Tesseract Drafting & Design

Une firme de dessin technique dont le nouveau site génère des demandes de soumission.

Visiter le site
Vues inclinées et superposées de l’accueil de Tesseract et de son service de dessins d’atelier de façades.

« Je voulais un site qui explique clairement ce que fait Tesseract et qui incite les visiteurs à agir. C’est exactement ce qu’il fait. Il génère déjà des demandes de soumission. Le processus était vraiment collaboratif et le résultat est un site que je suis fier de présenter à mes clients. Je recommande vivement. »

Témoignage traduit de l’anglais.

Alex MelnikovTesseract Drafting & Design Inc.

À propos du client

Tesseract Drafting & Design produit des dessins d’atelier de façades, des modèles Scan-to-BIM et de la coordination BIM 3D pour la construction. Autrement dit, des dessins numériques précis et des modèles 3D de l’enveloppe des bâtiments. La firme a réalisé plus de 500 projets et travaille entièrement en numérique.

Le problème

Ce travail est très spécialisé. Le site devait le montrer rapidement, inspirer confiance, distinguer Tesseract des firmes généralistes et faciliter les demandes de soumission.

Objectifs

  1. Comprendre dès le premier écran que Tesseract se spécialise dans les façades.
  2. Trouver et comprendre facilement chacun des trois services.
  3. Pouvoir demander une soumission depuis chaque page de service.

La décision clé

Un choix a orienté tout le site : présenter Tesseract comme spécialiste des façades. Cette promesse précise est crédible et reflète ce que la firme fait le mieux.

L’organisation du site

Le site s’articule autour de trois services : dessins d’atelier de façades, Scan-to-BIM et coordination BIM 3D. Chaque service a sa page. Les entrepreneurs et fabricants trouvent le service recherché et voient ce qu’ils recevront.

Design

Une typographie affirmée, des images techniques, des couleurs sobres et une mise en page soignée. Le site doit refléter la précision des dessins de Tesseract.

Sélectionnez une capture de bureau pour l’afficher en grand format.

L’accueil de Tesseract : dessins d’atelier de façades et services BIM pour les fabricants au Canada, avec un bouton de demande de soumission.
01La spécialité, claire dès le premier écran.Le titre nomme le service et la clientèle visée. Un bleu calme, des détails techniques et un seul bouton principal donnent le ton.
La page de dessins d’atelier de façades présente les dessins synchronisés avec le modèle de fabrication et un bouton de demande de soumission.
02Une page de service avec un résultat précis.Le modèle 3D occupe le premier plan. Le texte précise ce que reçoit le client. Le bouton de soumission est à portée de main.
La fiche du projet 320 Granville, avec un modèle de mur-rideau annoté et les détails de cette tour de bureaux à Vancouver.
03Le travail technique devient concret.Une mise en page plus légère donne de l’espace aux dessins. Chaque projet présente le lieu, la méthode et l’envergure.
L’accueil mobile de Tesseract : navigation compacte, titre de service et bouton de demande de soumission bien visible.
04Un parcours clair sur tous les écrans.Sur téléphone, l’ordre reste le même : la clientèle de Tesseract, les livrables et la façon de demander une soumission.

Le développement du site

Nous avons développé le site avec Next.js et TypeScript. Les textes, images et fiches de projets sont dans Sanity. L’équipe de Tesseract peut ajouter un projet ou modifier un service de façon autonome.

Comment nous avons facilité les demandes

  • Le bouton de soumission apparaît dès que le visiteur en sait assez pour agir. Il n’est pas réservé au bas de la page.
  • Les preuves arrivent tôt : nombre de projets, exemples de dessins et méthode entièrement numérique.
  • L’expertise technique est reliée à des résultats utiles : moins d’erreurs de fabrication, moins de pertes de matériaux et une meilleure coordination.

Le résultat

Selon Alex, le site génère déjà des demandes de soumission.

Votre travail est complexe. Votre site doit le rendre facile à comprendre.