sketchbook

Give concerns, take health

Ezdiatech Web Renewal

이지다이아텍 웹 사이트 리뉴얼


Tag
UI/UX, Responsive Web
Client
이지다이아텍
Role
Design, Development
Links

Overview

전세계적으로 빠르게 노령화가 진행되고 코로나 팬더믹 시대도 3년차에 접어들면서 사회에서 요구하는 의료 환경도 많은 변화가 일어나고 있습니다.
정확하고 빠른 조기 진단의 중요성은 커져가고 응급실, 중소병원 할 것 없이 사용이 편리하고, 고장이 없는 체외진단기기를 필요로 하고 있습니다.
이지다이아텍은 빠르게 변화하는 시대에 맞추어 끊임 없는 연구개발과 차별화된 원천기술을 통해 체외진단 분야를 선도하는 혁신적 세계기업을 목표로 노력하고 있습니다.

Keywords

이지다이아텍의 차별화된 기술력을 보여주기 위해서 밝은 톤의 무드로 메인을 연출하여 제품의 프리미엄 등급을 강조하며 포인트 컬러로 건강과 청결을 연상 지을 수 있는 블루를 사용해 사용자에게 우수한 기술력과 기업의 신뢰감 형성을 돕도록 하였습니다. 다소 복잡하고 어려워 보일 수 있는 ‘바이오’ 라는 키워드를 사용자에게 단정하게 보일 수 있도록 고화질의 이미지와 제품 컷 들을 활용하였습니다.

Concept

기존의 메뉴 구성에서 VEUS와 Rapid 사업부를 앞에 배치하는 구성으로 변경하여 회사의 기술력과 제품을 어필하고 이지다이아텍의 가치를 입증합니다. 브랜드 웹스타일 가이드를 통해 일관된 폰트와 컬러 사용으로 디자인 통일성을 높여 이지다이아텍의 아이덴티티를 확립시켰습니다. 기업의 전문성을 강조하고 의학적으로도 신뢰할 수 있는 깨끗한 실험실의 느낌으로 정돈된 톤을 중점적으로 사용하되 컨텐츠에 라인 형태와 라운드를 함께 활용했습니다.

Mission

Clear
explanation
깔끔한 콘텐츠 구성으로
이해도를 높이고 기술 및
제품에 대한 정보와 EzDiaTech의
이미지가 일치되도록 이어지는
흐름을 설계합니다.
Sensible
Design
원하는 정보를
쉽게 탐색하고 그 과정에서
이용자의 흥미를 유발하여
다양한 콘텐츠에 접할 수
있도록 유도합니다.
Harmonious
Visual
기업의 비전과 가치 전달에
초점을 맞춘 조화로운
콘텐츠 사용으로 EzDiaTech이
추구하는 방향성을
간접적으로 제시합니다.

Brand Slogan

Give concern, take health.

이지다이아텍의 브랜드 슬로건은 고객으로 하여금 염려와 걱정은 덜고, 건강과 행복만을 영위하길 바란다는 메시지와 더욱 나아가서 인류 건강에 기여하겠다는 뜻을 담고 있습니다. 빠르고 정확한 체외진단 기술을 통해 고객을 안심할 수 있게 해주고 당사의 뛰어난 기술력을 강조합니다.

Typography System

Color System

이지다이아텍의 파랑색을 메인 컬러로 지정하고, 하얀 색을 서브 컬러로 정함으로써 강한 대비로 역동성과 편안한 분위기를 연출합니다. 화이트 배경의 몰입도 있는 화면 구성은 기술력과 장비의 장점을 극대화합니다.

#2c64e5
#ffffff
#0C0E1C
#5e6074
#dfe0e8

Icons

Main page

이지다이아텍이 가진 브랜드 아이덴티티를 극대화 시킬 수 있도록 시각적 요소를 적극 활용하였고,
사용자 관점의 UI로 편리함을 갖추고, 아이콘을 활용하여 직관적이고 시각적인 즐거움을 주도록 하였습니다.



Main pageOur ValueBusinessPR Center Contact

Sub page

이지다이아텍을 기술력을 보여주는 사업부 페이지는 정보를 추가, 수정하기 용이하고, 효과적으로 컨텐츠를 이해하고
내용을 전달할 수 있도록 깔끔하게 디자인하였습니다.

Quick button

기술 원리를 소개하며 VEUS 제품으로 바로가기 버튼이 플로팅되어
사용자로 하여금 원하는 정보에 효율적으로 접근할 수 있도록 합니다.

Easy to contact

제품 페이지 하단에 문의하기 배너를 추가하여 자연스럽게
제품에 대해 읽고 바로 문의할 수 있도록 접근성을 높였습니다.

Intuitive illustration

진행 프로세스와 일러스트레이션을 통해
전문적인 기술 내용을 효과적으로 전달합니다.

Have a glance

다양한 제품을 한 눈에 볼 수 있고
각 제품별로 어떤 진단이 가능한지 쉽게 파악할 수 있습니다.

Responsible Web

다양한 디바이스 환경과 해상도에 맞게 최적화되는 반응형웹으로 개발하여
여러 환경의 사용자에게 동일한 사용자경험을 제공하며, 사이트의 유지관리 효율성을 높였습니다.

Give concern,
take health.

Credits

  1. Director

    • Baek GwangJong
  2. Product Manager

    • Kang YuMi
    • Kim SangHoon
  3. Design

    • Kim SuBin
    • Jeon EunJeong
  4. Development

    • Joo D.H
    • Lee MinKyung
    • Kang MinJu