Loris
Olivier

lo-ol Studio

Mon rôle dans le projet

2014_2024
web-design
branding
type-design
user-research
web-design
frontend-development
backend-development
3d_modeling
motion-design

Résumé

LO-OL est le studio typographique indépendant que j’ai fondé avec ma femme, entre la Suisse et la Corée du Sud. Je suis responsable de sa stratégie produit, de son design, de son identité visuelle, de son commerce en ligne et de son développement frontend.

Le studio en chiffres

20Familles de caractères

Lancées par le studio.

1,563+Clients payants

Personnes ayant acheté une ou plusieurs fontes.

13Projets sur mesure

Réalisés pour des clients.

4Marchés

Desservis par le studio.

Mon rôle et le contexte
Rôle

Fondateur, product designer et ingénieur frontend : stratégie produit, design produit, identité visuelle, commerce en ligne et développement frontend.

  • Dessin de caractères
  • Stratégie produit
  • Image de marque
  • E-commerce
  • Frontend
Période

2021 – aujourd’hui · Suisse et Corée du Sud. Cofondé avec ma femme.

Stack
  • Next.js
  • Sanity
  • Stripe
  • Python
  • PyQt6

01

L’enjeu

Dessiner des caractères, c’est la moitié du travail. Les montrer, les vendre et les livrer, c’est l’autre moitié.

Un studio typographique est un produit

Au-delà du dessin de caractères, le studio doit les présenter, les faire tester, les vendre, livrer les fichiers et partager son savoir, des projets sur mesure aux ateliers de Hangeul. Je traite LO-OL comme un produit dont je suis responsable de bout en bout : du concept et du positionnement au design, au développement, au lancement et aux itérations.

Page d’accueil de LO-OL sur un ordinateur portable
_05

La fonderie : des caractères et des fontes pour le design et au-delà.

Le site web
Page d’accueil de LO-OL : TYPE FOUNDRY sur une image de cristal, avec Studio, Fonts, Trial et Explore
La page d’accueil : une fonderie qui crée des fontes hangul et latines.
Section de la page d’accueil avec trois entrées : catalogue de fontes, fontes sur mesure et projets du lab
Trois portes d’entrée : le catalogue de fontes, les fontes sur mesure et les projets du lab.
Catalogue de fontes avec une colonne par famille, comme Banya Mist, Kronik Antik et Kronik Vision, listant leurs graisses
Le catalogue : une colonne par famille, avec ses graisses et son nombre de fontes.
_07

Le catalogue de la fonderie.

02

Recherche

Comment on choisit et achète des fontes, et pourquoi.

Tester avec celles et ceux qui choisissent les caractères

Des directeurs artistiques, des design leads, des directeurs de création et des designers print et digitaux ont testé la fonderie à de nombreuses étapes du projet. J’ai mené plus de 72 entretiens pour comprendre comment et pourquoi on achète des fontes, et 21 tests utilisateurs sur des prototypes de la fonderie.

La recherche en chiffres

72+Entretiens utilisateurs

Sur la manière dont on achète des fontes, et pourquoi.

21Tests de prototypes

Tests utilisateurs sur des prototypes de la fonderie.

03

Essayer avant d’acheter

Permettre de tester un caractère avec ses propres mots.

Testeurs typographiques
Testeur typographique Lemanic Playground sur ordinateur et tablette
Lemanic Playground : graisse, contraste, italique, corps et interlignage, sur une à trois colonnes.
Fontes sur mesure, écriture hangeul et testeur typographique mobile
Fontes sur mesure et écriture hangeul, avec un testeur mobile pour le corps, l’interlignage, la taille optique et la graisse.
Playground de Fuzar : texte d’exemple en direct avec curseurs de graisse, de chasse et d’inclinaison
Playground : les axes variables d’une famille (graisse, chasse, inclinaison) sur du texte en direct.
Pages des caractères
En-tête de la page du caractère Banya : un grand Ba sur un paysage peint
Banya : des coups de pinceau traditionnels mêlés à la gravure sur bois.
En-tête de la page du caractère Fuzar : Fu dans une sphère, néo-grotesque, 54 fontes au total
Fuzar : une famille grotesque géométrique en trois chasses.
Graisses Thin, ExtraLight et Light de Fuzar, chacune avec ses réglages de chasse et d’inclinaison
Chaque graisse de Fuzar, avec ses propres réglages de chasse et d’inclinaison.
De l’essai à l’achat
Trois étapes d’achat : une licence par style (utilisateurs, print, web), le panier et le paiement
Choisir une licence par style, vérifier le panier, puis payer.

04

Au-delà de la boutique

Projets, événements et ateliers autour de la typographie.

Un studio vivant
Cartes de familles de caractères et de projets
Familles de caractères et projets.
Page de l’atelier Learn Hangeul
Un atelier de Hangeul.
Pages événements et découverte
Événements et découverte.
Supports de communication pour la sortie d’un caractère
_017

Supports de communication pour les sorties de caractères.

05

Design engineering

Je dessine les fontes, et je développe les outils qui les vendent et les livrent.

Ce que j’ai développé
Commerce

La plateforme e-commerce du studio, développée avec Next.js et Sanity, avec paiements Stripe et parcours d’achat sur mesure.

Outils de production

Des outils Python avec PyQt6 qui automatisent la génération des fichiers OpenType et WOFF2, pour réduire le travail de livraison répétitif. Des plugins qui génèrent un master variable pour chaque voyelle et consonne hangul.

Stack
  • Next.js
  • Sanity
  • Stripe
  • Python
  • PyQt6
Les coulisses de la boutique
Code Python de order_generator.py qui lit et renomme les enregistrements de nom de famille OpenType
Le code Python de l’outil de production, qui génère les fichiers de fontes de chaque commande.
Sanity Studio listant les caractères du studio, avec le caractère Lemanic ouvert
Le studio Sanity : chaque caractère avec ses réglages, ses fontes, son jeu de caractères, sa boutique et ses fichiers.

06

Résultats

À qui le travail du studio est utile.

À qui c’est utile
Clients

Designers et marques testent un caractère avec leurs propres mots avant d’acheter : 1 563+ clients payants, 42 % des téléchargements d’essai convertis en achat, 64 % qui reviennent.

Dessinateurs de caractères

Des plugins qui génèrent un master variable pour chaque voyelle et consonne hangeul ont réduit la création d’une fonte standard coréenne de 10 à 8 mois.

Apprenants

100+ personnes ont participé aux ateliers typographiques du studio.

Impact technique

10 → 8 moisPour produire une fonte standard coréenne

Des plugins qui génèrent un master variable pour chaque voyelle et consonne font gagner un temps considérable aux dessinateurs.

Commerce

42%De l’essai à l’achat

Part des téléchargements de fontes d’essai ayant mené à un achat.

64%Clients fidèles

Clients ayant acheté plus d’une fois.

100+Participants aux ateliers

Personnes ayant participé aux ateliers typographiques du studio.

07

Prochaines étapes

Plus qu’un outil numérique.

La suite
Pages de caractères

Une page sur mesure pour chaque caractère. Chaque caractère est associé à un illustrateur ou une illustratrice, qui crée son propre univers visuel.

Spécimen imprimé

Un spécimen en édition imprimée, avec des entretiens et un travail documentaire réalisés par l’équipe de LO-OL Studio.

Pourquoi

Les fonderies numériques évoluent sur un marché international très concurrentiel. La question est stratégique : continuer à courir comme un poulet sans tête, ou proposer autre chose qu’un outil numérique ?

Autres études de cas