ALTREGEN
CLIENT
ALTREGEN
YEAR
2023
ROLES
PACKAGE DESIGN / 3D / UXUI / GUI DESIGN / FRONTEND
ROLES
PACKAGE DESIGN 3D UXUI GUI DESIGN FRONTEND
OVERVIEW
알트리젠은 치료제가 없어 고통 받고 있는 황반변성 (AMD) 환자를 위해 본사가 있는 한국과 기업 부설 연구소가 있는 영국에서 최고의 연구진이 세계 유수의 대학들과 기업들과의 협업을 통해 초고령화 시대의 노인들에게 더 나은 삶을 영유할 수 있도록 해주는 건강기능식품 제품과 치료제를 개발하는 기업입니다. 눈 건강과 관련된 내용을 다루고 있는 만큼 디지털 환경에서 시각적 피로를 최대한 줄일 수 있는 방안으로 웹을 구성해 나가는 것을 목표로 하였습니다.
“ 아이케어만의 효능과 효과를 설득력있게 모든 고객에게 전달할 수 있도록 ”
우리는 눈 건강이 좋지 않은 환자분들의 입장에서 프로젝트를 바라보았습니다. 제품을 어떤 구성과 메세지로 전달해야 소비자들에게 와닿을지 정의를 해본 뒤 이를 바탕으로 패키지와 웹을 디자인 해 나갔습니다.
UX STRATEGY
직관적인 인터페이스
01
쉽고 빠른 정보 파악
여러 페이지를 넘나들지 않고도 모든 정보를 한 페이지에서 확인할 수 있어 사용자는 필요한 정보를 빠르게 받아들일 수 있습니다.
02
단순하고 직접적인 구매 경로 제공
사용자가 구매를 원할 때에 바로 구매로 이어지는 행동을 더 쉽게 취할 수 있도록 구매 옵션을 상시 노출합니다.
TYPOGRAPHY
눈 건강과 관련된 내용을 다루고 있는 만큼 가독성이 중요하다고 생각이 되었습니다. 작은 화면이나 낮은 해상도에서도 폰트가 선명하게 보이도록 가독성을 높이기 위해 모든 폰트를 고딕체로 사용하였습니다.
Aa
01
GMARKET SANS
Aa
02
NANUM SQUARE
colors
디지털 환경에서 시각적 피로를 최대한 줄일 수 있는 방안이 무엇이 있을지 고민을 한 결과, 컬러는 네이비와 그레이 두가지 색을 활용해 깨끗하고 단순한 디자인으로 시각적 피로를 줄일 수 있도록 하였습니다.
MAIN
첫 번째 섹션에서는 직접 디자인한 패키지 모델링에서 카드가 나오며 어떤 분들이 이 약을 복용하면 좋을 지 타겟층에 대해 나열해 나갑니다. 단순히 정보 전달에만 중점을 두는 것이 아닌, 3D를 활용하여 사용자로 하여금 몰입감 있는 경험을 누릴 수 있도록 구성하였습니다.
[information]
네비게이션바를 고정시킴으로써 직관적이고 편리한 경험을 제공하며, 구매 전환율을 높임과 동시에 시간을 절약할 수 있습니다.
사용자들은 3D 모델을 통해 자세한 성분을 볼 수 있으며 실제로 제품을 직접 보는 것과 유사한 경험을 하게됩니다.
[ WHY ALTREGEN ]
왜 알트리젠을 선택해야만 하는지 직접적인 이유를 설명해 나가는 페이지입니다. 고객의 충성도를 얻기 위해 품질, 안전성, 효과성에 대한 신뢰 또한 중요하다고 생각 되었습니다.
[ check ]
이 섹션에서는 개인의 눈 건강을 체크해볼 수 있습니다. 눈 건강과 관련된 유용한 정보를 제공하여 고객과의 긍정적인 관계를 형성하고 직접 눈 건강을 체크해볼 수 있는 간단한 자가진단을 통해 고객과의 접점을 형성해 나갑니다.
위에서는 제품과 관련된 정보들을 제공했다면 마지막 섹션에서는 정보와 효능 뿐만 아니라 주요 원료들을 부각시킴으로써 소비자의 신뢰를 강화할 수 있도록 구성하였습니다.
