Monclar Studio Devis

Réalisations

3C Shipping, du moodboard au site

Identité et site Sharjah, Émirats arabes unis En ligne depuis le 17 septembre 2026

3C Shipping est une société indépendante de courtage maritime et d’affrètement, implantée dans 7 pays sur 3 continents. Le studio a construit la marque de bout en bout : l’emblème, le logotype et la charte d’abord, puis un site en anglais, d’une page, dont la vidéo d’ouverture avance au rythme du défilement.

Trois écrans du site de 3C Shipping sur mobile : accueil, carte des bureaux, demande de cotation
Le site en ligne, sur mobile

Fiche le projet

Une identité à créer de toutes pièces, un réseau de sept pays à faire exister.

Client
3C Shipping
Secteur
Courtage maritime et affrètement
Lieu
Sharjah (Émirats arabes unis)
Mise en ligne
17 septembre 2026
Prestations
Identité visuelle, charte, site d’une page

Le brief

Un site en anglais pour des armateurs, des chargeurs et des groupes industriels.

Le siège est à Sharjah. La société est présente aux Émirats arabes unis, en Arabie saoudite, en France, au Liban, au Cameroun, au Gabon et en Indonésie. Rien n’existait encore : ni emblème, ni palette, ni site.

Le cadrage avec le client a fixé trois choses : une identité à dessiner depuis la page blanche, un réseau de sept pays à rendre lisible, et un site destiné à des professionnels du transport maritime, en anglais.

ImplantationsÉmirats arabes unis · Arabie saouditeFrance · LibanCameroun · Gabon · Indonésie

L’identité en cinq étapes

Du moodboard à la charte, la marque a d’abord été posée sur papier.

  1. Moodboard de 3C Shipping : neuf photos d’inspiration, laiton strié, eau de nuit, cordages, carte marine, compas, coque sombre, pont patiné, mer dorée et port au crépuscule Le moodboard

    Matières et lumières

    Laiton strié, eau de nuit, cordages, carte marine, compas, coque sombre, pont patiné, mer dorée, port au crépuscule. Le ton est Art déco maritime, et la palette y est déjà : un bleu nuit, un or, un crème.

  2. Planche de pistes de logo 3C Shipping : six variantes d’un « 3C » avec un paquebot, lettres entrelacées, version géométrique, emblème nu ou encadré Les pistes

    Six directions, une idée

    Un paquebot pris dans les lettres « 3C ». Lettres serif entrelacées, version géométrique, emblème nu ou encadré. La planche a servi à comparer, puis à retenir le blason encadré.

  3. Étude de la taille du paquebot dans l’emblème 3C Shipping : quatre variantes du blason côte à côte, du navire d’origine à un navire agrandi de 30 % Le navire

    Quatre tailles comparées

    La taille et la place du paquebot dans le « 3C » ont été réglées sur épreuves : du navire d’origine à un navire agrandi de 30 %, avant d’arrêter le blason définitif, bleu nuit sur crème.

  4. Logo final 3C Shipping : blason encadré, lettres 3C avec un paquebot sous le 3 et le mot SHIPPING, en sombre sur fond crème Le logo final

    Le blason dans son cadre

    L’emblème « 3C » avec son paquebot, le logotype, et les titres composés en Perandory et en Playfair Display SC.

  5. Charte graphique 3C Shipping : règles d’usage des logos, palette, typographies et pictogrammes La charte

    Les règles d’usage

    Le blason bicolore sur fond clair, l’emblème sans cadre sur fond sombre, la palette, les typographies, les pictogrammes et la papeterie. Remise avec un dossier de marque et un dossier séparé pour l’imprimeur.

La planche de marque

Ce que le client a reçu : les logos en haute définition, la charte en PDF, des exemples de papeterie.

Planche de marque 3C Shipping : emblème 3C avec paquebot, logotype horizontal, palette bleu nuit, or et crème, typographie et pictogrammes
La planche de marqueEmblème, logotype, palette, typographie et pictogrammes

Le dossier de marque réunit les déclinaisons officielles du logo, la charte graphique en PDF et des exemples d’application sur la papeterie. Un dossier à part, préparé pour l’imprimeur, contient les fichiers vectoriels en CMJN.

Palette
Bleu nuit, or, crème
Titrage
Perandory, Playfair Display SC
La charte graphique, en détail →

Le site

En faisant défiler la page, le visiteur fait avancer le navire jusqu’au titre « Architects of every voyage ».

Une seule page. Elle s’ouvre sur une vidéo pilotée par le défilement, puis présente les services, les types de navires, la société, une carte des implantations dont les routes se tracent depuis Sharjah, et un formulaire de demande de cotation en trois étapes. Les animations sont réalisées avec GSAP et le défilement amorti avec Lenis. Le site est statique, sans CMS.

Sur tablette et sur téléphone, le défilement ne pilote plus la vidéo : elle se joue d’elle-même et le titre apparaît en cours de voyage. Le téléphone reçoit une vidéo recadrée en portrait et une mise en page conçue comme une application.

En ligne3cshipping.ae ↗Hébergement AEserverStatique, sans CMS

VidéoLe site en mouvementBoucle muette de 8 secondes · ouverture pilotée par le défilement
Le manifeste du site 3C Shipping, texte sur fond crème : l’expertise appliquée à toutes les routes du commerce mondial
Le manifeste
Section « Maritime expertise, end to end » : cartes des services avec photos, agence maritime, transit et courtage, affrètement
Les services
Section « The right ship for every cargo » : quatre cartes, vraquiers, porte-conteneurs, rouliers et colis lourds
Les types de navires
Section « About us » du site 3C Shipping : texte de présentation et photo de grues portuaires traitée en duotone or
La société
Bandeau de chiffres clés : 7 implantations, 3 continents, opérations 24/7, 100 % indépendant, et bandeau défilant CHARTERING
Les chiffres clés
Carte des implantations de 3C Shipping : Émirats arabes unis, Arabie saoudite, France, Liban, Cameroun, Gabon et Indonésie
La carte : les routes se tracent depuis Sharjah
Section « Commitments, not promises » : piliers numérotés, conformité, qualité, santé et sécurité
Les engagements
Section « From request to delivery » : la méthode en quatre temps sur fond bleu nuit avec une rose des vents
De la demande à la livraison
Formulaire de demande de cotation du site 3C Shipping, étape 1 sur 3 : type de cargaison, marchandise, tonnage
Cotation, étape 1 : la cargaison
Formulaire de demande de cotation, étape 2 sur 3 : port de chargement, port de déchargement, période souhaitée
Étape 2 : le trajet
Formulaire de demande de cotation, étape 3 sur 3 : récapitulatif de la demande, société, nom, e-mail, téléphone, message et consentement
Étape 3 : le récapitulatif
Le site 3C Shipping sur tablette : ouverture sur la vidéo, services et formulaire de demande de cotation
Sur tablette
Version mobile du site 3C Shipping : ouverture, carte des implantations et formulaire de demande de cotation
Sur téléphone

Treize vues, de gauche à droite : le site tel qu’il est en ligne, sur ordinateur, tablette et téléphone.

Conformité et mise en ligne

La mesure d’audience ne démarre qu’après le consentement du visiteur.

Google Analytics 4 est chargé par Google Tag Manager, derrière le Consent Mode v2 et une bannière cookies développée pour le site. Le site est servi avec des en-têtes de sécurité (HSTS, CSP) et embarque des données structurées Organization, Service et WebPage, un sitemap et un fichier llms.txt.

Validé sur une adresse de prévisualisation, il est hébergé chez AEserver et en ligne depuis le 17 septembre 2026.

TechniqueGSAP, LenisConsent Mode v2HSTS, CSP, sitemap, llms.txt

Les livrables

Dix livrables remis au client.

  1. Identité visuelle complète d’inspiration Art déco maritime
  2. Emblème « 3C » avec paquebot et logotype
  3. Palette bleu nuit, or et crème ; titrage Perandory et Playfair Display SC
  4. Charte graphique et dossier de marque
  5. Site d’une page, en anglais, statique et sans CMS
  6. Vidéo d’ouverture pilotée par le défilement, animations GSAP, défilement amorti Lenis
  7. Carte des implantations et formulaire de demande de cotation
  8. Versions mobile et tablette dédiées
  9. Mesure d’audience après consentement (Consent Mode v2, bannière cookies)
  10. En-têtes de sécurité, données structurées, sitemap et llms.txt

Le résultat

Une identité cohérente, de l’emblème jusqu’au formulaire de cotation.

SEO
100sur 100
Sécurité
100sur 100
Performance
96sur 100

Mesures relevées le 18 septembre 2026 par l’outil de suivi interne de Monclar Studio.

Contact

Un premier échange, puis une proposition sous 48 heures.

Demander un devis

06 10 98 76 48contact@monclar-studio.fr

18 avenue Émile Didier, 05000 Gap