홈페이지
모바일
랜딩페이지
디자인
진행중인 프로젝트KH메디칼 반응형 독립형 쇼핑몰제작
- 개발분야 : Website(웹사이트)
메인 화면 기획 및 글로벌 체외진단 토탈 솔루션 랜딩
[메인 화면 기획]
'지구상의 모든 생명이 동등한 양질의 의료 서비스를 누릴 수 있도록 기여한다'는 케이에이치메디칼의 글로벌 헬스케어 비전을 웅장한 풀스크린 비주얼 슬라이더로 첫 화면에 전달하도록 기획했습니다.
이어서 최신 글로벌 언론 보도(Africa CDC 등재, MEDICA 참관 등), 제품 소식 및 학술 이벤트, 주력 진단기기 파이프라인을 단계별로 배치해 글로벌 바이오 기업의 신뢰도를 극대화했습니다.
또한 상단 통합 검색 바와 다국어(KR/EN) 전환 접점, 1:1 고객지원 핫라인을 유기적으로 연결하여 국내외 바이어 및 연구진과의 비즈니스 접점을 확장하도록 동선을 설계했습니다.
콘텐츠 디자인 및 다각화된 진단 파이프라인 정보 구조
[콘텐츠 디자인]
분자진단(PCR·핵산추출), 형광면역진단, 동물진단(면역·분자·ELISA) 등 방대한 제품군을 직관적인 카테고리 갤러리와 카드 그리드로 체계화했습니다.
각 진단 키트 및 장비 상세 페이지에는 제품 스펙, 검사 프로토콜, 인증 내역, 임상 데이터를 정갈한 탭 구조로 제공하여 정보 전달력을 향상시켰습니다.
글로벌 보도자료, 국제 학회 참가 소식, 인증 내역 및 기술 자료 다운로드를 미디어 센터 블록으로 통합 구성하여 신뢰할 수 있는 아카이브를 확립했습니다.
웹사이트 UX/UI 최적화
[웹사이트 UX/UI]
PC는 물론 모바일과 태블릿 환경에서도 복잡한 진단 장비 스펙과 다이어그램을 선명하게 확인할 수 있도록 유연한 반응형 인터페이스를 구축했습니다.
마우스 오버 시 카테고리별 프리뷰 이미지가 즉각 반응하는 지능형 드롭다운 GNB와 전체 메뉴(ALL MENU) 오버레이를 통해 빠른 정보 탐색을 지원합니다.
키워드 태그 기반의 실시간 통합 검색 팝업과 온라인 제품 문의 폼을 연동하여 글로벌 고객의 접근성과 사용 편의성을 대폭 개선했습니다.
상담요청
