Samsung Bioepis
Official Website

Responsive Web Design UI/UX

About Project

글로벌 제약 기업인 삼성바이오에피스의 사업적 특성을 반영하고, 최신 웹 트랜드 디자인을 통해 타사와 차별화된 사이트 톤앤 매너를 구현했습니다. 또한 사용자가 쉽게 정보에 접근하고 이해 할 수 있도록 UI/UX를 설계하였으며, 다양한 디바이스와 해상도에 최적화된 서비스를 제공할 수 있도록 반응형 웹으로 리뉴얼했습니다.
  • 클라이언트삼성바이오에피스
  • 오픈일자2016.11
  • 진행업무반응형 웹 디자인 UI/UX
  • 서비스 지역월드와이드
Our Mission
의약품이라는 제품 특성 고려하여 객관적이고 신뢰 높은 정보를 제공하며, 바이오시밀러에 대한 소개 정보를 이해하기 쉽게 제공하여 글로벌 제약 기업으로서의 이미지를 대중적으로 어필하고자 하였습니다. 또한 해외 고객과의 커뮤니케이션을 고려하여 사무소의 길 안내 정보를 대표 사례별로 나누어 소개하고 연락 정보도 대폭 보완하여 적용했습니다.
UI / UX Strategy
보편적이고 직관적인 UI/UX 구현에 중점을 두고 설계하였으며, 불필요한 페이지 이동을 줄일 수 있도록 간결한 IA를 적용했습니다. 또한 PC, 태블릿, 모바일 디바이스에서 동일한 UX를 제공할 수 있도록 모바일 퍼스트 전략을 통한 반응형 웹으로 구현하였습니다.
모바일 유저를 중점으로 한 Samsung Bioepis Renewal Website의 UI/UX 전략
Visual Direction
젊고 탄탄한 기업 이미지를 표현하는 블루와 옐로우를 포인트 컬러로 사용하고, 파티클 요소로 이루어진 메인 키 비주얼을 통해 삼성 바이오에피스 만의 브랜드 아이덴티티를 표현했습니다. 필요에 따라 실제 제품과 사무소 경관을 촬영하여 비주얼에 사용함으로써 객관적인 정보를 담아 디자인하였습니다.
Samsung Bioepis Renewal Website에 사용된 폰트 종류 Samsung Bioepis Renewal Website에 사용된 노랑, 파랑, 회색계열의 브랜드 컬러
Result
다양한 계층의 삼성바이오에피스 임직원에게 프로토타입 선호도를 조사하여 의견 반영하였으며, 깔끔하고 정돈된 무드의 이미지로 전문성 및 신뢰성을 강조한 시안으로 최종 확정했습니다. 메인 페이지는 타일 구조를 통해 메뉴 내용 전반을 빠르게 파악한 후 접근할 수 있도록 설계되었으며 서브페이지에서는 실사 이미지, 타이포그라피, 인포그래픽 등 다양한 시각적 표현으로 사용자 주의를 환기시키고 이해를 도울 수 있도록 하였습니다.
PC와 모바일에서의 디자인 시안
태블릿에서의 디자인 시안
사용자가 모바일 기기를 들고 사이트를 이용하는 컨셉 디자인 시안
Samsung Bioepis Renewal Website의 6가지 모바일 디자인 시안

새로 시작하는 프로젝트가 있다면
지금 문의하세요

business@the-jey.com