Loris
Olivier

CuriositéDiscernementIngéniositéConviction

Comprendre ce qui compte.Le construire jusqu’au bout.

La curiosité guide mon travail, de la compréhension des gens par la recherche UX à l’exploration d’idées par le code. C’est elle aussi qui m’a poussé à créer mon propre fab lab, un lieu pour expérimenter, prototyper et apprendre en fabriquant. Le plus gratifiant, c’est de transformer une nouvelle compréhension en quelque chose de tangible et d’utile.

Product designer & ingénieur frontend

Je conçois des produits là où les usages, les disciplines et la technologie deviennent complexes. Je relie recherche, stratégie, design, IA et développement autour d’une vision produit commune, et je la porte jusqu’à la mise en production.

En chiffres

8+Années

Concevoir et livrer des produits numériques, de la recherche à la production.

3Plateformes scientifiques

Product design et frontend pour SBO, Fusion et Nexus.

1,200+Laboratoires virtuels

Créés sur l’Open Brain Platform en 18 mois.

36,000+Utilisateurs PartOf

Dans 3 cantons et 52 communes.

1,563+Clients payants

Pour LO-OL, le studio typographique que je dirige avec ma femme.

20Familles de caractères

Dessinées et publiées avec LO-OL.

01

Ce que je fais

Garder la complexité qui compte. La structurer. Retirer le reste.

Là où vit la complexité

Mon travail commence avant l’interface : comprendre un domaine assez bien pour décider quelle complexité garder, structurer ou retirer.

Science

Certaines données, distinctions et pratiques sont essentielles. Le design doit rendre cette complexité utilisable sans appauvrir la science.

  • Open Brain Platform
  • Nexus Fusion
  • Swiss Brain Observatory
Services civiques et locaux

Une plateforme locale doit donner aux gens une raison de l’utiliser au quotidien, en partant de leurs besoins plutôt que de ceux de l’institution.

  • PartOf
Outils métier et créatifs

La structure d’un produit doit correspondre à la façon dont les gens travaillent réellement, au lieu de les contraindre à un modèle générique.

  • LO-OL
  • TypeAround
  • Minas
  • NewStradamus
Situations typiques

Des utilisateurs experts aux besoins très différents sur une même plateforme Des fonctionnalités demandées selon des logiques contradictoires Des produits façonnés par leur historique technique plutôt que par leur usage Des workflows, données ou outils fragmentés Des interfaces trop lourdes à comprendre ou à adopter Un écart entre l’intention de design et le produit livré

02

Ma façon de travailler

De la stratégie au code, le même fil : comprendre d’abord, puis rendre tangible.

Mon processus

Stratégie

Journey maps, profils utilisateurs avec leurs problèmes, leurs préférences et leurs opportunités, Business Model Canvas et Value Model Canvas.

Plan UX

Réunions avec les parties prenantes, hypothèses partagées, carte de recherche de ce qu’il faut apprendre et de ce qui reste hors périmètre, et base commune de données existantes.

Recherche utilisateur

Entretiens individuels, prototypes co-créés, tri par cartes, questionnaires, observation terrain et analyse quantitative, manuelle ou assistée par IA.

UX

Wireframes et prototypes basse fidélité, puis prototypes interactifs moyenne et haute fidélité, avec l’accessibilité et un vocabulaire commun tout au long du processus.

UI & développement

Écrans produit, systèmes typographiques, iconographie, design systems, micro-interactions et motion, puis frontend en React, Vue, Svelte ou JavaScript natif, et backends si nécessaire.

Branding

Caractères typographiques, chartes de marque et chartes numériques couvrant iconographie, photographie, typographie et motion.

03

Pourquoi ça marche

De la curiosité pour les gens, de la rigueur pour le produit.

La profondeur, puis la livraison

Je plonge en profondeur dans le domaine, les usages et les contraintes techniques, jusqu’à pouvoir remettre en question le produit lui-même. Puis je transforme cette compréhension en décisions concrètes par la recherche, le prototypage, le design et l’implémentation. Les plateformes scientifiques m’ont appris à préserver la complexité utile ; écrire du code frontend me permet d’en suivre les conséquences jusque dans le produit livré.

04

Expérience

Plus de huit ans entre science, luxe, agences et mon propre studio.

Postes
2024 – aujourd’hui

Head of Product Design, Product Owner & ingénieur frontend Open Brain Institute · Genève

2022 – 2024

Product Design Lead & ingénieur frontend Blue Brain Project, EPFL · Genève & Lausanne

2021 – aujourd’hui

Fondateur, product designer & ingénieur frontend LO-OL Studio · Suisse – Corée du Sud

2020 – 2022

Product designer, motion designer & développeur créatif Digital Luxury Group · Genève

2020 – 2022

Brand designer & product designer Superhuit · Lausanne

2017 – 2018

Product designer & UX researcher GoodPatch · Paris / Tokyo

Produits indépendants
TypeAround · 2025

Une marketplace pour les fonderies typographiques et designers indépendants : stratégie produit, architecture de l’information, identité, boutique en ligne, outils IA et intégrations CMS headless, validés par des ateliers et des tests utilisateurs.

Minas · 2024 – 2026

Un CMS headless conçu pour les fonderies typographiques : entretiens utilisateurs traduits en modèles de contenu, gestion des fontes, livraison sécurisée des fichiers et paiements.

NewStradamus · 2024 – aujourd’hui

Une plateforme de gestion d’entreprise réunissant CRM, finances, gestion de projet et communication d’équipe, avec des tableaux de bord pour l’analytique, les déploiements et la performance SEO.

05

Boîte à outils

Ce avec quoi je travaille, de la recherche à la production.

Outils & compétences
Product design & stratégie
  • Stratégie produit
  • Product discovery
  • Recherche UX
  • Tests d’utilisabilité
  • Architecture de l’information
  • Parcours utilisateurs
  • Design d’interaction
  • Prototypage
  • Design systems
Frontend
  • React
  • Next.js
  • Vue
  • Nuxt
  • Svelte
  • TypeScript
  • Tailwind CSS
  • Zustand
  • Zod
  • Framer Motion
  • GSAP
Plateformes & backend
  • Sanity
  • CMS headless
  • Stripe
  • Python
  • PyQt6
  • API
  • Git
  • GitHub Actions
IA

Usage avancé et quotidien de Claude Code, Cursor et Warp AI, de la recherche et du prototypage jusqu’au code de production. Ce portfolio et son studio Sanity ont été construits avec Claude Code.

  • Claude Code
  • Cursor
  • Warp AI
  • Gemini
  • Antigravity
  • Weave
  • Willow
Design & création
  • Figma
  • FigJam
  • Glyphs
  • Blender
  • Creative Cloud
  • Typographie
  • Direction artistique
  • Motion design

06

Parcours

Tout a commencé par le design multimédia en 2004, puis San Francisco, Lausanne et La Haye : du graphisme, de la direction artistique et de la typographie à l’UX, au produit et à l’ingénierie.

Formation
2014 – 2015

MSc Type & Media Académie royale des beaux-arts · La Haye

2013 – 2014

MFA Direction artistique ECAL · Lausanne

2009 – 2013

BFA Graphisme Academy of Art University · San Francisco

2022 – 2023

Ingénierie frontend Codesmith CSX (2023), ui.dev React & JavaScript, Wes Bos et Frontend Masters (2022)

Mentorat

Accompagné pendant des années par des UX researchers et praticiens seniors (Enigma, Nissan, coachs indépendants) et par des ingénieurs logiciels seniors.

Langues

Français et anglais (courant), portugais (intermédiaire), coréen et allemand (débutant).

Parcours

ProjetClientCatégorieDate

Générateur de spécimens

Projet personnel
Product design
Développement full stack
- 2026

Type Around

16 studios
Branding
Product design
fullstack-development
motion-design
- 2026

Application Open Brain Institute

OBI
product-design
frontend-development
- 2026

Application Fusion

Blue Brain Project
product-design
user-research
- 2023

Nouveau site web

Physalide
web-design
frontend-development
backend-development
- 2024

Nouveau site web + activité

lo-ol Studio
ux-design
ui-design
fullstack-development
motion-design
3d_modeling
- 2024

Campagne mensuelle

Patek Philippe
graphic-design
- 2021

The Open Brain Platform

Blue Brain Project
product-design
user-research
frontend-development
- 2024

Rapport de monitoring

Digital Luxury Group
ux-design
ui-design
fullstack-development
- 2021

Concept d'application

Jobtrek
user-research
- 2019

Police Naked

Naked Nutrition
Type design
2026

Proof me Wrong

Projet personnel
Product design
Développement full stack
2025

Collection Kronik Vision

lo-ol Studio
type-design
motion-design
2024

Nouvelle identité

Simeon Freymond
branding
type-design
backend-development
frontend-development
2024

Site web promotionnel

lo-ol Studio
web-design
fullstack-development
3d_modeling
motion-design
2023

Collection McQueen

Fontwerk
type-design
2022

PartOf

Fondation Long Life Joy
product-design
branding
frontend-development
2022

Collection Fuzar

lo-ol Studio
type-design
motion-design
2022

Collection Kronik Antik

lo-ol Studio
type-design
motion-design
2021

Collection Medley

lo-ol Studio
type-design
motion-design
2021

Collection Superheat

lo-ol Studio
type-design
motion-design
2021

Nouveau site web

Patek Philippe
ux-design
ui-design
type-design
3d_modeling
motion-design
2021

Collection Ortank

lo-ol Studio
type-design
motion-design
2021

Lancement de produit

Greubel Forsey
motion-design
3d_modeling
2021

Collection Oni Display

lo-ol Studio
type-design
motion-design
2021

Collection Lemanic

lo-ol Studio
type-design
motion-design
2021

Nouveau site web

Montreux Jazz Festival
ux-design
2020

Onboarding des nouveaux étudiants

EHL Hospitality Business School
product-design
2020

Nouvelle identité

Kerbedanz
branding
web-design
graphic-design
2020

Campagne de prévention

Hôpital d'Yverdon-les-Bains
graphic-design
2019

Civilitate

Future Fonts
type-design
2019

Nouveau site web

Haute École de Santé Vaud
user-research
ux-design
2019

Nouvelle identité

ablv
branding
2019

EasyLife électrique

Renault
ux-design
ui-design
user-research
2018

Application Leaf

Nissan
ux-design
ui-design
user-research
2018

Nouvelle venture

Merantix
ux-design
ui-design
branding
type-design
2017

Nouvelle entreprise

Smile Design Boutique
branding
web-design
2017

Nouvelle entreprise

Wine District
branding
type-design
2017

Nouvelle identité et site web

Horizons Nouveaux
web-design
branding
2017

Campagne politique

PDC - CVP
branding
motion-design
type-design
2017

Nouvelle entreprise

Sioux Real Estate
branding
type-design
2017

Nouveau site web

Camille Bloch, Ragusa
ux-design
ui-design
2016

Nouvelle identité

Jaggi Arichtektur
branding
type-design
2016

Nouvelle identité

Enigma
branding
ux-design
ui-design
type-design
2016

Personal branding

Christoph Magnussen
branding
2016

Projets personnels

Au-delà de l’écran, j’ai passé des années à travailler de mes mains. En 2010, j’ai monté un petit atelier de sérigraphie et commencé à explorer différentes techniques d’impression. La calligraphie est devenue le socle d’une grande partie de ce travail. J’ai réalisé des tirages grand format, fabriqué des outils sur mesure pour façonner les lettres à la main et poussé la typographie au-delà de la surface plane de la page. Ce qui comptait n’était pas seulement la forme finale, mais aussi le geste physique de fabriquer.

Cette recherche s’est peu à peu déplacée vers la matière et l’espace. Au fil des années, j’ai travaillé avec des machines CNC, le bois, le béton et la céramique pour transformer des lettres en objets tridimensionnels. J’aime la tension entre précision et imperfection — entre structure et geste. En parallèle de ces pièces plus grandes, je grave aussi à la main dans le caoutchouc, la cire et le bois, pour produire du lettrage, des illustrations et des formes gravées qui portent la trace de la main.

La typographie m’a aussi amené à créer des outils pour les autres. J’ai lancé une plateforme appelée TypeAround pour aider les fonderies typographiques coréennes et les designers indépendants à créer des boutiques en ligne et des espaces interactifs pour présenter et tester leurs caractères. Plus de seize studios ont rejoint la plateforme, qui continue de grandir grâce à de nouvelles fonctionnalités, des collaborations et les contributions de designers indépendants.

En dehors du design, j’aborde la cuisine avec la même curiosité. J’aime étudier les techniques des cuisines française, italienne, coréenne et indienne, et comprendre les principes qui sous-tendent la saveur, la texture et l’équilibre. Comme le design, la cuisine devient un processus d’expérimentation — décomposer les choses pour comprendre pourquoi elles fonctionnent, puis les reconstruire en quelque chose de clair et de personnel.

J’ai aussi passé de nombreuses années plongé dans les jeux de rôle comme Warhammer et Donjons et Dragons. La construction de mondes, les systèmes et la narration ont façonné ma manière de penser bien avant que je travaille professionnellement dans le design. Cette pratique m’a appris comment les environnements créent de l’émotion, comment les règles façonnent les comportements et comment les récits donnent du sens à l’interaction. Une grande partie de mon travail de design actuel découle encore de ces fondations.