난치성 피부질환 연구 전문 기업,
세바바이오텍 기업 홈페이지 제작
BUILD
WEB / MOBILE
세바바이오텍
기업 홈페이지 제작
- Client
- 세바바이오텍
- Date
- 2021. 10 - 2021. 12
- Type
- 홈페이지, 워드프레스, 반응형 구축
Overview
세바바이오텍의 최상위 홈페이지 목적은 “브랜드 이미지 재구축” 이었습니다.
기존 세바바이오텍 홈페이지의 경우 화장품회사의 인식이 강하게 느껴져 전문적인 인식을 받기 어려웠습니다. 이를 연구소 홈페이지 브랜딩을 활용하여 전문성을 강조하는 리뉴얼을 진행하였습니다.
또한 템플릿형 UI디자인에서 벗어난 맞춤형 디자인 & 마이크로 인터렉션을 선보였습니다.
Goal
UI/UX 디자인 리뉴얼
UI/UX Strategy
반응형 웹
반응형 웹에 최적화된 레이아웃과 그리드를 사용해
다양한 환경에서 사이트를 이용할 수 있도록 사용자 편의를 고려하여 제작하였습니다.
직관적인 아이콘
콘텐츠를 직관적으로 이해할 수 있도록 세바바이오텍만의 아이콘을 제작하였습니다.
부드러운 인터랙션
그래픽 요소들이 사용자의 스크롤에 따라 자연스럽게 움직일 수 있도록 인터랙션을 적용하였습니다.
SHEBAH BIOTECH
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Noto Sans KR
Color System
난치성 피부질환
전문 기술 개발, 세바바이오텍
기업가치를 상승하는 UI디자인
기존 화장품 회사에 대한 브랜드 이미지를 탈바꿈하기 위해
전문성을 보여줄 수 있는 이미지를 히어로 섹션에 배치시켰습니다.
구매저항을 감소시키는 FUNNEL 기획
세바바이오텍만의 마이크로 바이옴의 기술력, 정부에서 인증받은 인증서를 통해
홈페이지 사용자의 구매저항을 감소시켜 문의률을 올렸습니다.
SHEBAH BIOTECH
Subpage
SERVICE INTRODUCTION PAGE
세바바이오텍의 기술력을 보여주는 페이지로
타겟층의 Needs 및 Wants를 제시하였습니다.
‣ 서비스 소개 페이지
RESEARCH & DEVELOPMENT PAGE
세바바이오텍의 R&D 진행 및 결과를 보여주는 페이지로
타겟층의 Needs 및 Wants를 제시하였습니다.
‣ R&D 페이지
PROCESS PAGE
세바바이오텍 프로세스를 통해
홈페이지 사용자에게 전문성을 느낄수 있도록 기획하였습니다.
‣ 프로세스 페이지
SHEBAH BIOTECH
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.
