blue locker.

Identité visuelle, site web

Le verrou connecté
pour les pros.

Blue Locker est une startup qui conçoit et développe des système intelligeants de verrous connectés, pour proposer aux professionnels des solutions de clés digitales. Elle permet aux pros de proposer des casiers connectés, en marque blanche ou non.

  • Le client nous a confié la création de son logo. Il souhaitait un logo simple, dans les tons “bleus” bien évidemment, pour rappeler le nom. Nous avons créé un logo facile à repérer, intemporel et minimaliste.

  • Pour aider Blue Locker et ses clients à conserver une cohérence graphique sur tous les éléments de communication de la marque, nous avons créé une ligne graphique définissant les éléments constitutifs de la marque et de son logo, en passant par les typos, les couleurs, les règles d’utilisation et des exemples d’application de la marque sur différents supports.

  • Nous avons créé le site internet de Blue Locker avec Squarespace. Le site devait être simple, avec une navigation intuitive, et avoir un look moderne.

Logo avec le mot "blue locker" en lettres bleues et blanches.
Un homme souriant en tenue FedEx, debout à l'extérieur avec un grand "b" blanc superposé sur l'image.
Casier de colis avec écran et clavier
Un homme pousse un chariot chargé de cartons dans une rue urbaine sous la pluie. En arrière-plan, un bâtiment en briques avec des fenêtres et une enseigne "Patagonia". Une personne avec un parapluie marche sur le trottoir. Un feu de signalisation et le panneau de rue "Bowery" sont visibles.
Deux personnes échangent un carton emballé, l'une portant une chemise bleue et l'autre un foulard noir.
Un livreur tenant des colis dans une rue urbaine, marqué "blue locker" en texte superposé.
Personne tenant un smartphone dans la main, portant une chemise grise et un jean.

Palette de couleur // Color palette


Palette de couleurs avec quatre nuances : bleu foncé (#101B33), gris foncé (#253150), bleu vif (#035DD2), et bleu clair (#CFDDEC).

Typographie // Typography


Un grand "A" majuscule et un "a" minuscule en blanc sur fond bleu.
Ensemble de caractères de la police "Gilroy Black" en majuscules, minuscules et chiffres de 0 à 9 sur fond gris.

déclinaison
supports.

T-shirt bleu avec logo "bluelocker" imprimé.
Casier intelligent "blue locker" pour stockage sécurisé avec smartphone.
Enseigne avec texte "blue locker" sur un bâtiment en pierre.

Site web.

Maquettes d'un site web sur fond noir montrant des sections de contact, à propos, offres, FAQ et solutions pour boîtes aux lettres, avec texte et images illustrant le contenu.
Page web promotionnelle pour BlueLocker, une solution de verrouillage intelligent. Présente les options d'offres, caractéristiques techniques, et contact. Affiche le logo BlueLocker sur des smartphones et décrit les avantages et spécificités des produits en utilisant du texte sur fond bleu foncé avec des accents blancs.

Création d'un site vitrine Squarespace

Nous avons créé le site de Bluelocker à l’aide de Squarespace. Un site encore une fois clair et épuré comme nous les aimons. Le client a ensuite intégré son propre contenu.

  • Pour éviter le “syndrome de la page blanche” à notre client qui n’avait pas encore vraiment d’idée sur ses textes, nous avons défini les pages et leur rôle ensemble, puis nous avons créé le design et la structure des pages et des sections, en placant du faux texte en latin (lorem ipsum). Le client a pu ensuite prendre la main sur son site et modifier le contenu, une fois les textes rédigés.

  • Nous avons effectué la recherche de certains visuels d’ambiance afin d’agrémenter le site.

  • Une des particularités de ce site est son menu hamburger, dès la version desktop du site. Ceci apporte de la clarté et un look épuré. Ce genre de customisations CSS est tout à fait possible dans Squarespace, et c’est une de nos spécialités.

Page d'accueil d'un site web pour BlueLocker, un service de gestion de clés digitales, avec des sections sur les avantages, offres, et un système intelligent. Présente des visuels de personnes utilisant le service et des descriptions textuelles en français.
Dispositifs technologiques sur un bureau, incluant un ordinateur portable, un smartphone, des écouteurs, une montre connectée, un sac à dos, et un carnet.
Interface de site web de BlueLocker sur trois écrans, montrant des options de contact, des informations sur des services de bureaux avec casiers, et des solutions de verrouillage intelligent.
Clavier blanc près d'un smartphone affichant un formulaire de contact sur fond bleu avec des mains tenant un téléphone, accompagné d'écouteurs sans fil et d'une souris blanche sur une surface blanche.