0%
의료바이오
동국제약 마데키엘
  • #동국제약 #스킨부스터 #마데카 #키토산
CLIENTS.
동국제약
DATE.
2026.02.04
TYPE.
Responsive Web

의료바이오

동국제약 마데키엘 #동국제약 #스킨부스터 #마데카 #키토산
의료바이오
동국제약 마데키엘
  • #동국제약 #스킨부스터 #마데카 #키토산
CLIENTS.
동국제약
DATE.
2026.02.04
TYPE.
Responsive Web
URL.
http://madechiel.co.kr/
Device

디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.

기획의도

피부 조직 재생의 새로운 시너지 패러다임! 동국제약 마데키엘
동국제약의 아이덴티티인 '마데카(MADECA)'와 고순도 '키토산(Chitosan)' 성분을 결합한 스킨부스터 브랜드
마데키엘의 제품 경쟁력과 전문성을 효과적으로 전달하기 위해 브랜드 웹사이트를 새롭게 구축한 프로젝트입니다.
전체적인 UI/UX는 동국제약 기업이 가진 전문성과 안정감을 효과적으로 표현할 수 있도록
불필요한 요소를 최소화한 깔끔한 구조로 설계하였으며,
사용자가 마데티엘의 특징과 효능, 시술 정보를 자연스럽게 이해할 수 있도록 제품 소개부터 주요 성분,
효능, 시술 가이드, FAQ까지 단계적으로 이어지는 구성을 통해 사용자의 몰입도와 정보 전달력을
높이는 구조로 기획하였습니다.
또한 실제 마데키엘에 사용되는 주요 성분들을 아이콘과 인포그래픽 요소로 시각화하여
다소 어려울 수 있는 전문 정보를 보다 직관적으로 이해할 수 있도록 기획하였으며,
성분별 특징과 기대 효과를 시각적으로 강조해 제품에 대한 신뢰도를 높이고자 하였습니다.
제품의 성능 소개 부분에서는 생성형 AI 이미지를 적극 활용하여,
마데키엘의 효과를 보다 직관적으로 체감할 수 있도록 구성하여 브랜드 홍보 효과를 극대화하였습니다.

Design Concept

세련된 룩앤필을 연출하고자
다크 그레이 컬러와
그린 컬러를 포인트로 활용하였으며,
군더더기 없는 미니멀 레이아웃으로
구성하였습니다.

Colors
Typo
Proposal Design

A타입은 최신 웹트렌드를 반영해본 타입으로, 고해상도 이미지와 넓은 여백 활용으로
트렌디하면서 세련된 룩앤필을 연출해보고자 하였습니다.
시그니처 컬러인 그릴 컬러를 활용하여 시각적 통일감을 주어 전체적인 완성도를 높임과 동시에
기업의 아이덴티티를 강조하고자 하였습니다.
B타입은 시그니처 컬러인 그린 컬러와 무채색 계열의 컬러 팔레트를 사용하였으며
군더더기 없는 미니멀 레이아웃으로 구성하였습니다.

  • A Type
  • B Type
Confirm Design