Projets — 05 / 05

Mac SOS

Assistance Apple à domicile, à Genève depuis 1996. Un site qui ne se présente pas : il répond, panne par panne.

Période2026LieuGenève

RôleLa chaîne entièreEn lignemac-sos.ch

MétiersIdentité · Édition & print · Interface · Développement · Marketing digital

LivréLes mises à jour du site et la direction artistique

Mac SOS dépanne les Mac, les iPhone et les iPad à Genève : chez le client ou à distance. L’entreprise existe depuis 1996 : le site n’avait donc pas à se présenter, il avait à répondre. Chaque souci a sa page, et chaque page dit ce qui se passe, ce qu’on peut faire, et par où on commence.

Le projet, en images ↓

Dessiné · 01

La direction artistique

Un jaune, un noir, et le morse du SOS. Une marque de dépannage doit se lire dans l’urgence, pas se contempler.

VisuelL’ouverture. Le titre pose la question du visiteur avant de nommer le métier : « Un souci ? » en gris, « On s’en occupe. » en noir. À droite, le bloc jaune ne propose qu’une chose : le numéro, en gros, avec l’heure de rappel sous lui.

VisuelLe même écran en face sombre. Le jaune ne change pas de valeur : c’est la couleur qui porte l’action, et une action qui pâlit la nuit n’est plus une action.

Visuel« Du premier conseil au dernier transfert. » Quatre cartes numérotées 01 à 04, chacune avec son moment : avant, au départ, quand ça coince, le moment venu. Le parcours du client est écrit comme une durée, pas comme un catalogue.

VisuelLes témoignages. Deux seulement, et chacun nomme sa commune : Cologny, Bernex. Le titre de la section fait le reste du travail : « De Cologny à Bernex, on vient chez vous. » Un avis anonyme ne prouve pas qu’on se déplace.

VisuelLe pied. Il porte les vingt communes où Mac SOS se déplace, écrites en toutes lettres : c’est à la fois une réponse au visiteur qui se demande « et chez moi ? » et le seul endroit du site où la couverture géographique se lit d’un coup. Le morse du SOS revient sous le nom, en bas, comme une signature.

Construit · 02

L’interface — bureau

Le visiteur ne connaît pas le nom de sa panne. Le site a donc été construit autour de ce qu’il ressent, pas autour de ce qu’on vend.

VisuelLe sélecteur, ouvert. Huit phrases à la première personne : « Mon mail ne fonctionne plus », « J’aimerais simplement qu’on m’explique, calmement ». Aucune n’emploie un mot de métier, et chacune mène à sa page.

VisuelLes trois étapes. Vous appelez, nous venons, nous réglons, et la troisième dit « nous vous expliquons, calmement, avec des mots simples ». La promesse tenue par le reste du site tient en une ligne ici.

VisuelUne page de souci, à son ouverture : « Mon Mac est lent, ou il fait des siennes. » Le titre reprend mot pour mot la phrase du sélecteur : le visiteur qui a cliqué reconnaît sa propre phrase, et sait qu’il est au bon endroit.

VisuelLa même page, plus bas. « Ce qu’on fait pour vous » range les actes en cartes numérotées 01 à 05, et la première désamorce l’arnaque avant de vendre quoi que ce soit : « avec des outils sérieux, pas ces logiciels “miracle” qui aggravent tout ».

Construit · 03

L’interface — téléphone

Un Mac en panne se cherche depuis un téléphone. Les pages ont donc été redessinées pour l’écran étroit, pas rétrécies.

VisuelL’accueil sur téléphone. Le nom et son morse tiennent la barre, et deux boutons seulement l’accompagnent : le menu, et la taille du texte. Le bloc jaune du numéro descend sous le texte : il n’est plus à côté, il est à portée de pouce.

VisuelLe menu ouvert. Six entrées principales, puis « Ce qu’on règle » sur deux colonnes : les huit soucis du sélecteur sont là aussi, parce qu’un visiteur qui ouvre le menu cherche souvent sa panne, pas une rubrique.

VisuelUne page de souci sur téléphone. Le titre garde ses deux poids, gris puis noir, et le texte passe en une colonne large, sans que la ligne devienne courte au point de hacher la lecture.

VisuelL’accueil sur téléphone, en face sombre. La face suit le choix fait dans le panneau de confort de lecture, et elle reste sur l’appareil : c’est écrit sous le réglage, en toutes lettres.

Construit · 04

Le développement

Trois formulaires, un réglage de lecture, aucune dépendance à un service tiers. Ce qui est demandé au visiteur est le strict minimum, et il est dit où ça va.

VisuelLe rappel. Un champ, un bouton, et sous eux la phrase qui manque presque partout : où le numéro reste, à quoi il sert, et comment le faire retirer. Les heures d’ouverture ferment le bloc, parce qu’une promesse de rappel sans horaire n’en est pas une.

VisuelLe panneau « Confort de lecture ». Thème clair ou sombre, et trois tailles de texte : normale, grande, très grande. Sous les réglages, une phrase : « Votre choix reste sur cet appareil. Rien n’est envoyé. » C’est de l’accessibilité, et c’est aussi une position.

Visuel« Vos questions, avant même de nous appeler. » Les objections y sont écrites telles que le client les pose (dont « Mon Mac a dix ans. Ça vaut encore la peine ? »), et la réponse commence par « Parfois oui, franchement », avant de renvoyer au conseil d’achat.

Trouvé · 05

L’entrée par la recherche

Une page par souci, et son miroir anglais. On n’entre pas sur ce site par l’accueil : on y entre par sa panne.

VisuelLa page des réparations. Elle commence par ce que Mac SOS ne fait PAS (« Nous ne réparons pas dans un atelier »), avant de dire ce que le service est vraiment : faire réparer, et tout remettre en place après. Une page qui décline d’abord se lit comme une page honnête.

VisuelLa page de formation, et c’est la plus douce du lot : « J’aimerais simplement qu’on m’explique, calmement. » La réponse commence par « votre question n’est pas bête » : c’est le ton de toute la marque, et il est tenu jusque dans le titre de la page.

← Luigi di Moncello Tous les projets OGGO →