세계적 수준의 혁신적인 제약 기업,
동아ST 다국어 웹 사이트 제작
BUILD
WEB / MOBILE
동아ST
웹 사이트 제작
- Client
- Dong-A ST
- Date
- 2021 . 10 - 2021. 12
- Type
- 다국어 홈페이지, 워드프레스, 반응형 구축
Overview
동아ST의 최상위 홈페이지 목적은 “브랜드 이미지 재구축” 이었습니다.
기존 동아ST 홈페이지의 경우 템플릿형 UI/UX디자인을 보유하고 있어 트렌디하지 않은 회사 이미지를 홈페이지를 통해 느낄 수 있었습니다. 또한 검색엔진노출에도 안좋은 영향을 미친 사이트맵구조의 개선이 필요한 프로젝트였습니다.
Goal
브랜드 이미지 재구축
UI/UX Strategy
반응형 웹
다양한 디바이스와 해상도에 맞춘 반응형 웹을 제작하여 사용자 경험을 제공합니다.
반응형 개발에 맞춰 레이아웃의 구성을 개발 친화적으로 제작하였습니다.
정보를 전달할 수 있는 UI
전문적이고 다양한 제품의 정보를 효과적으로 제공하기 위한 서비스로
단순히 상품을 구매하는 것 뿐만 아니라 경험하고, 수집하고, 만들어내는 과정을 제공합니다.
인터페이스 극대화
깔끔한 내비게이션과 인터페이스 극대화를 통해 사용자 편의성을 증가시켰습니다.
DONG-A ST
Design System
다양한 환경에서 사용되는 폰트로 친숙하게 느껴지며,
숫자나 영문의 가독성이 좋은 폰트입니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Color System
혁신적인 의약품으로 존경받는
세계적 수준의 제약기업 동아ST
홈페이지 사용성 및 기업가치 극대화
사이트맵 및 동아ST의 규모를 보여주는 카드섹션을
히어로 섹션에 배치시켜 홈페이지 사용성 및 기업가치를 극대화하였습니다.
기업의 규모를 보여주는 사회적근거
동아ST의 타겟층, 해외 투자사를 위한
기업규모를 보여주는 History, Location등의 자료를 제공하였습니다.
‣ History Section
‣ Business Area & Newsroom Section
DONG-A ST
Subpage
ABOUT PAGE
동아ST의 Overview & 기술력을 통해
홈페이지 타겟층에게 가치를 느낄 수 있도록 기획하였습니다.
‣ 어바웃 페이지
BUSINESS AREAS PAGE
동아ST의 기업 비전을 제시하는 페이지입니다.
‣ 비즈니스 페이지
RESEARCH & DEVELOPMENT PAGE
동아ST의 R&D 진행 및 결과를 보여주는 페이지로
타겟층의 Needs 및 Wants를 제시하였습니다.
‣ R&D 페이지
DONG-A ST
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 홈페이지 경험을 선물하였습니다.
