Brand & Interactive Design

Foundations

브랜딩과 그래픽에서 웹·앱·전시의 인터랙션까지, 지금의 디자인 관점과 역량의 바탕이 된 작업들입니다.

01 / AB InBev

HOPPY

Branding · UI Design · Illustration

AB InBev 임직원을 위한 게임형 맥주 교육 앱

AB InBev는 양조 부서뿐 아니라 재무·영업·마케팅 등 모든 임직원이 맥주에 관한 지식을 갖고 브랜드와 카테고리를
설명할 수 있기를 원했습니다. Hoppy는 이를 위해 전문적인 맥주 교육을 짧은 모바일 학습과 퀴즈로 전환한 게임형 교육 앱입니다.
학습을 통해 배지와 Beercoin을 획득하고, 모은 코인을 굿즈로 교환하는 보상 구조로 지속적인 참여를 유도합니다.

My Role

브랜딩·그래픽 시스템의 주요 디자인 담당
배지·일러스트레이션 주요 에셋 디자인 및 제작
UI 시스템·가이드 기반 앱 화면 디자인

브랜드·보상 그래픽

맥주를 소재로 한 일러스트레이션과 배지, Beercoin 그래픽을 학습 콘텐츠와 보상 화면에 적용했습니다.

퀴즈 참여·보상 획득

데일리 챌린지로 맥주 지식을 확인하고, 틀린 문제는 정답을 살펴본 뒤 다시 도전할 수 있습니다.
챌린지를 완료하면 배지와 Beercoin을 보상으로 받습니다.

Beercoin 사용·굿즈 구매

학습과 퀴즈로 모은 Beercoin을 티셔츠 등 브랜드 굿즈 구매에 사용할 수 있습니다.
원하는 상품과 옵션을 선택하고, 사용할 코인과 교환 후 잔액을 확인한 뒤 주문을 완료합니다.

브랜드 일러스트레이션·그래픽

맥주를 소재로 한 캐릭터와 일러스트레이션, 패턴 등 브랜드 그래픽을 디자인했습니다.
굵은 윤곽선과 선명한 색감을 바탕으로 앱, 인쇄물, 굿즈, 공간 등 다양한 매체에서 일관된 스타일로 활용할 수 있도록 구성했습니다.

02 / johnson & johnson

ACUVUE

UI system · Illustration

콘택트렌즈 제품과 눈 건강 정보를 위한 웹사이트 리뉴얼

콘택트렌즈 제품과 눈 건강, 렌즈 착용·관리 정보를 제공하는 Acuvue.com의 미주 웹사이트 리뉴얼 프로젝트입니다.
기존 브랜드 아이덴티티를 유지하면서, 많은 정보를 짧은 단락과 사진·아이콘·일러스트레이션으로 정리해
제품의 특징과 사용 정보를 쉽게 살펴볼 수 있도록 구성했습니다.

My Role

공통 UI 시스템·가이드 기반 주요 화면 및 상품 페이지 디자인
아이콘·정보 일러스트레이션 제작
전체 페이지 중 50% 이상 UI 디자인 담당

커스텀 아이콘·정보 일러스트레이션

브랜드 서체 Graphik의 기하학적 형태와 선 굵기 규칙을 바탕으로 아이콘을 제작했습니다.
같은 스타일을 눈의 구조와 렌즈 착용·관리 방법을 설명하는 일러스트레이션으로 확장했습니다.

주요 페이지 UI 디자인

공통 UI 시스템을 바탕으로 눈 건강 정보와 신제품 소개 페이지를 디자인했습니다.
사진·일러스트레이션·텍스트를 콘텐츠의 성격에 맞게 조합해 각 페이지의 주요 화면을 구성했습니다.

상품 목록·상세 페이지

조건별로 렌즈를 살펴볼 수 있는 상품 목록과 제품의 특징을 소개하는 상세 페이지를 디자인했습니다.
제품 이미지와 주요 정보, 체험 신청·전문가 찾기 안내를 PC와 모바일 화면에 맞춰 구성했습니다.

03 / WATERisLIFE

Hidden Dangers

UI Design · Character Design · Illustration

수질 오염의 위험을 알리는 캠페인 웹사이트 제작

Hidden Dangers는 태국 농촌 지역 어린이들에게 수질 오염의 위험을 알리기 위한 WATERisLIFE의 교육 캠페인입니다.
물속 오염원을 몬스터로 표현한 VR 게임으로 깨끗한 물의 중요성을 전달하고, 웹사이트를 통해 각 오염원의 이야기와
교육 콘텐츠, 후원 방법을 소개했습니다.

My Role

캐릭터 디자인·일러스트레이션 에셋 제작
PC·모바일 캠페인 페이지 UI 디자인