PAGE 01 / 08
홈
브랜드의 첫인상과 핵심 제안, 주요 이동 경로를 한눈에 이해하도록 구성한 홈 화면입니다.
사이트 디자인스킨 목록
Site Skin / DERMA-LAB
Site Design Introduction
DERMA LAB — 더마/스킨사이언스 (클리니컬)
클리니컬 화이트+단일 클리니컬블루+민트 톤의 엔지니어드 더마/스킨사이언스(기능성 스킨케어) 8페이지 템플릿. A9 스택 레이어 카드 히어로·Geist 클린 산세리프(명조 0)·F3 카운트업+F1 페이드·CSS 제품 목업 — 홈/브랜드·과학/스킨사이언스/제품/랩·공간/공지/오시는길/문의. 공통 헤더·푸터 인클루드 분리, __site-head__. 리빌 하드닝(무JS·reduced-motion 시 콘텐츠 노출)·반응형. 게시판(공지)·폼(문의)은 정적 셸로 포함, 가져온 뒤 AI로 결선.
전체 페이지 구성
실제 제작 화면을 이미지와 페이지 역할 설명으로 확인하세요.
PAGES 08
PAGE 02 / 08
브랜드·과학
브랜드와 서비스의 배경, 기준과 차별점을 방문자가 쉽게 이해하도록 정리한 소개 화면입니다.
PAGE 03 / 08
스킨사이언스
스킨사이언스 페이지의 주요 정보와 다음 이동 경로를 쉽게 파악할 수 있도록 구성한 화면입니다.
PAGE 04 / 08
제품
제품의 특징과 선택에 필요한 정보를 명확한 순서로 확인하는 화면입니다.
PAGE 05 / 08
랩·공간
공간·제품·작업 결과를 이미지 중심으로 탐색할 수 있는 갤러리 화면입니다.
PAGE 06 / 08
공지
중요 안내와 운영 정보를 날짜별로 확인하는 공지 화면입니다.
PAGE 07 / 08
오시는길
방문 전에 위치, 교통과 필요한 안내를 확인할 수 있도록 구성한 화면입니다.
PAGE 08 / 08
문의
상담에 필요한 정보와 연락 방법을 간결하게 확인하고 문의하는 화면입니다.
선택한 디자인으로 정식 제작을 시작하세요.
실제 스킨은 제작을 시작하면 제공됩니다. 페이지 구성과 필요한 기능을 확인한 뒤 고객 콘텐츠에 맞게 제작합니다.
