logo
포트폴리오 로고

난치성 피부질환 연구 기업 세바바이오텍 리뉴얼

RenewalPC / Mobile
반응형 구축
Website

세바바이오텍 리뉴얼 프로젝트

세바바이오텍의 홈페이지 리뉴얼 목표는 “브랜드 이미지 재구축”이었습니다. 기존 홈페이지는 화장품 브랜드로 포커싱 되어 있어 세바바이오텍만의 전문성이 느껴지지 않았습니다. 최첨단 바이오 기술을 보유한 기업의 이미지를 전달하기 위해 연구소 이미지로 리브랜딩 하였습니다. 또한 세바바이오텍만을 위한 맞춤형 UX/UI 디자인과 마이크로 인터렉션을 적용하였습니다.

Startegy

반응형 웹

모든 접속 기기에 반응하는 최적화된 레이아웃과 그리드를 사용하여
사용자 편의를 증대시켰습니다.



브랜드 아이콘

세바바이오텍만의 맞춤형 아이콘을 제작해서 콘텐츠를 쉽게 이해할 수
있도록 개발했습니다.



자연스러운 인터랙션

사용자의 스크롤에 따라 그래픽들이 자연스럽게 움직이도록 인터랙션을 적용했습니다.

Project

브랜드 이미지 재구축

기존 화장품 회사의 브랜드 이미지를 새롭게 탈바꿈하기 위해 전문성을 보여줄 수 있는 이미지를 히어로 섹션에 배치했습니다.

포트폴리오 프로토타입 GIF

SHEBAH BIOTECH

기업가치를 상승하는 UI디자인

브랜드 이미지를 탈바꿈하기 위해 전문성을 보여줄 수 있는 이미지를 히어로 섹션에 배치시켰습니다.

가로 이미지 슬라이드, 디자인 전략 1
가로 이미지 슬라이드, 디자인 전략 2
가로 이미지 슬라이드, 디자인 전략 3

실시간 반응형 웹으로 최적화된 사용자 경험

모든 기기에서 화면 크기에 맞게 자동으로 레이아웃이 재배치되며, 최적의 UX를 제공합니다.

Masonry 레이아웃 이미지 1
Masonry 레이아웃 이미지 5
Masonry 레이아웃 이미지 2
Masonry 레이아웃 이미지 6
Masonry 레이아웃 이미지 3
Masonry 레이아웃 이미지 7
Masonry 레이아웃 이미지 4
Masonry 레이아웃 이미지 8
Typography

Aa

Noto Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

가나다

Noto Sans KR

가나다라마바사아자차카타파하 1234567890

Color System

Brand

#142E7B

Sub

#37AD9A

Sub

#12161A

Bg

#EBEDF0

상담만 받아보셔도 좋습니다 긱다이브의 상담으로 업체 비교를 시작해보세요

CONTACT US