Loris
Olivier

lo-ol Studio

프로젝트에서 맡은 역할

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

요약

LO-OL은 제가 아내와 함께 스위스와 한국을 오가며 설립한 독립 타입 스튜디오입니다. 프로덕트 전략, 디자인, 비주얼 아이덴티티, 디지털 커머스, 프론트엔드 엔지니어링을 직접 맡고 있습니다.

숫자로 보는 스튜디오

20서체 패밀리

스튜디오가 출시한 서체.

1,563+유료 고객

폰트를 1개 이상 구매한 고객.

13커스텀 프로젝트

클라이언트를 위해 제작.

4시장

스튜디오가 진출한 시장.

역할과 배경
역할

창업자, 프로덕트 디자이너, 프론트엔드 엔지니어: 프로덕트 전략, 프로덕트 디자인, 비주얼 아이덴티티, 디지털 커머스, 프론트엔드 엔지니어링.

  • 타입 디자인
  • 프로덕트 전략
  • 브랜딩
  • 이커머스
  • 프론트엔드
기간

2021 – 현재 · 스위스와 한국. 아내와 공동 창업.

스택
  • Next.js
  • Sanity
  • Stripe
  • Python
  • PyQt6

01

과제

서체 디자인은 일의 절반입니다. 나머지 절반은 서체를 보여 주고, 판매하고, 전달하는 일입니다.

타입 스튜디오는 하나의 프로덕트

스튜디오는 서체를 디자인하는 것을 넘어, 커스텀 프로젝트부터 한글 워크숍까지 서체를 소개하고, 테스트하게 하고, 판매하고, 파일을 전달하고, 지식을 나눠야 합니다. 저는 LO-OL을 처음부터 끝까지 직접 책임지는 프로덕트로 다룹니다. 콘셉트와 포지셔닝에서 디자인, 엔지니어링, 출시, 개선까지 모두 포함합니다.

노트북 화면에 표시된 LO-OL 홈페이지
_05

파운드리: 디자인과 그 너머를 위한 서체와 폰트.

웹사이트
크리스털 이미지 위의 TYPE FOUNDRY 문구와 Studio, Fonts, Trial, Explore 메뉴가 있는 LO-OL 홈페이지
홈페이지: 한글과 라틴 폰트를 만드는 파운드리.
폰트 카탈로그, 커스텀 폰트, 랩 프로젝트 세 항목이 있는 홈페이지 섹션
세 가지 입구: 폰트 카탈로그, 커스텀 폰트, 랩 프로젝트.
Banya Mist, Kronik Antik, Kronik Vision 등 패밀리별 열에 웨이트를 나열한 폰트 카탈로그
카탈로그: 패밀리별 한 열에 웨이트와 폰트 수 표시.
_07

파운드리 카탈로그.

02

리서치

사람들이 폰트를 고르고 구매하는 방식과 그 이유.

타입을 고르는 사람들과 함께한 테스트

아트 디렉터, 디자인 리드, 크리에이티브 디렉터, 인쇄 및 디지털 디자이너가 프로젝트의 여러 단계에서 파운드리를 테스트했습니다. 사람들이 폰트를 어떻게, 왜 구매하는지 이해하기 위해 72회 이상의 인터뷰를 진행했고, 파운드리 프로토타입으로 21회의 사용자 테스트를 진행했습니다.

숫자로 보는 리서치

72+사용자 인터뷰

사람들이 폰트를 구매하는 방식과 그 이유에 대해.

21프로토타입 테스트

파운드리 프로토타입으로 진행한 사용자 테스트.

03

구매 전 체험

사용자가 자신의 문구로 서체를 테스트할 수 있도록.

타입 테스터
데스크톱과 태블릿의 Lemanic Playground 타입 테스터
Lemanic Playground: 1~3열에서 웨이트, 대비, 이탤릭, 크기, 행간 조절.
커스텀 폰트, 한글 문자, 모바일 타입 테스터
커스텀 폰트와 한글 문자, 크기·행간·옵티컬 사이즈·웨이트를 조절하는 모바일 테스터.
웨이트, 너비, 기울기 슬라이더로 샘플 텍스트를 실시간 조절하는 Fuzar Playground
Playground: 실시간 텍스트에 적용되는 패밀리의 가변 축(웨이트, 너비, 기울기).
서체 페이지
그림 풍경 위에 큰 Ba 글자가 있는 Banya 서체 페이지 헤더
Banya: 전통 붓놀림과 목판 조각의 결합.
구 안의 Fu 글자, 네오 그로테스크, 총 54개 폰트를 보여 주는 Fuzar 서체 페이지 헤더
Fuzar: 세 가지 너비의 지오메트릭 그로테스크 패밀리.
너비와 기울기 조절이 있는 Fuzar Thin, ExtraLight, Light 웨이트
Fuzar의 모든 웨이트, 각각의 너비·기울기 조절 기능.
체험에서 소유까지
구매 3단계: 스타일별 라이선스(사용자, 인쇄, 웹), 장바구니, 결제
스타일별 라이선스 선택, 장바구니 확인, 결제.

04

숍 너머

서체를 둘러싼 프로젝트, 이벤트, 워크숍.

살아 있는 스튜디오
서체 패밀리와 프로젝트 카드
서체 패밀리와 프로젝트.
한글 배우기 워크숍 페이지
한글 워크숍.
이벤트와 디스커버 페이지
이벤트와 디스커버리.
서체 출시를 위한 커뮤니케이션 자료
_017

서체 출시를 위한 커뮤니케이션 자료.

05

디자인 엔지니어링

폰트를 디자인하고, 그 폰트를 판매하고 전달하는 도구도 직접 만듭니다.

구축한 것
커머스

Next.js와 Sanity로 구축하고 Stripe 결제와 맞춤 구매 워크플로를 갖춘 스튜디오의 이커머스 플랫폼.

제작 도구

OpenType과 WOFF2 생성을 자동화해 반복적인 납품 작업을 줄이는 PyQt6 기반 Python 도구. 한글 모음과 자음마다 가변 마스터를 생성하는 플러그인.

스택
  • Next.js
  • Sanity
  • Stripe
  • Python
  • PyQt6
숍의 이면
OpenType 패밀리 이름 레코드를 읽고 변경하는 order_generator.py의 Python 코드
주문마다 폰트 파일을 생성하는 제작 도구의 Python 코드.
스튜디오의 서체 목록과 열려 있는 Lemanic 서체를 보여 주는 Sanity Studio
Sanity 스튜디오: 서체별 설정, 폰트, 문자 세트, 스토어, 파일.

06

결과

스튜디오의 작업이 누구에게 도움이 되는가.

도움을 받은 사람들
고객

디자이너와 브랜드는 구매 전에 자신의 문구로 서체를 테스트합니다. 유료 고객 1,563명 이상, 체험판 다운로드의 42%가 구매로 이어지고, 64%가 재구매합니다.

타입 디자이너

한글 모음과 자음마다 가변 마스터를 생성하는 플러그인으로 한글 표준 폰트 제작 기간을 10개월에서 8개월로 단축했습니다.

수강생

100명 이상이 스튜디오의 타입 워크숍에 참여했습니다.

엔지니어링 성과

10 → 8개월한글 표준 폰트 제작 기간

모음과 자음마다 가변 마스터를 생성하는 플러그인으로 디자이너의 시간을 크게 절약합니다.

커머스

42%체험 → 구매

체험판 폰트 다운로드 중 구매로 이어진 비율.

64%재구매 고객

두 번 이상 구매한 고객.

100+워크숍 참가자

스튜디오의 타입 워크숍에 참여한 사람.

07

다음 단계

디지털 도구, 그 이상.

앞으로의 계획
서체 페이지

서체마다 맞춤 페이지를 만듭니다. 각 서체는 일러스트레이터와 짝을 이루어 고유한 시각적 세계를 만듭니다.

인쇄 스페시멘

LO-OL Studio 팀이 만든 인터뷰와 다큐멘터리를 담은 인쇄판 스페시멘.

왜

디지털 타입 파운드리는 치열한 국제 시장에서 경쟁합니다. 질문은 전략적입니다. 머리 없는 닭처럼 계속 뛰어다닐 것인가, 아니면 디지털 도구 이상의 무언가를 제공할 것인가?

다른 케이스 스터디