메딕콘 반응형 기업 홈페이지제작 포트폴리오

메인 화면 기획 및 제품 스토리 중심 랜딩 구성

메인 디자인 시스템

[랜딩 화면 기획]

피부 관리 장비 울킨을 병·의원 관계자에게 소개하는 브랜드 사이트로,

한 화면씩 넘기며 제품 이야기를 따라가는 풀페이지 스크롤 구조로 기획했습니다.

첫 화면에 제품을 무대 위 오브제처럼 배치해 장비의 완성도를 먼저 보여주고,

이어서 DUAL SONO CARE 기술, 페이스·바디 핸드피스 구성, 14가지 피부 케어, 영상, FAQ 순으로 이해를 단계적으로 쌓은 뒤

병원찾기와 제품문의 폼으로 마무리해 도입 상담까지 자연스럽게 이어지도록 구성했습니다.

메인 디자인 시스템

[메인 디자인]

로고의 아이시 블루를 메인 컬러로 삼아 화이트와 연한 블루 그라데이션,

물방울 텍스처 배경으로 초음파·수분 케어 장비다운 깨끗하고 청량한 톤을 만들었습니다.

반투명 글래스 카드와 유리 구슬·원기둥 오브제를 반복 사용해 고급스러운 3D 무드를 유지했고,

14가지 케어는 육각형 패턴으로, 핵심 기술은 블루 라인 아이콘과 둥근 패널로 정리해

기술 정보도 부드럽고 세련되게 전달되도록 디자인했습니다.

 [웹사이트 UX/UI]

GNB 메뉴를 각 섹션 앵커로 연결해 원하는 정보로 한 번에 이동할 수 있게 하고,

우측 하단에 마케팅 자료 다운로드 퀵버튼을 고정해 병·의원 담당자가 필요한 자료를 바로 받아볼 수 있도록 했습니다.

제품문의는 병·의원명, 담당자, 연락처, 지역, 이메일을 받는 B2B 맞춤 폼으로 구성하고 주소검색 기능을 더해 입력 부담을 줄였으며,

영상은 슬라이드로, FAQ는 카드형으로 정리해 스크롤 한 번에 핵심 정보를 가볍게 확인할 수 있도록 최적화했습니다.