프로젝트 시작하기 시작하기
사례 연구사례 템플릿 · EPILMOOD
모던한 검은색 MacBook Pro와 얇은 검은색 iPad Pro에 표시된 EPILMOOD 웹사이트: 영구 제모, 개인에 맞춘 세심함
EPILMOOD전기 제모 스튜디오 · 웹사이트
사이트 첫 화면: ‘영구 제모, 개인에 맞춘 세심함’, 짧은 단락, ‘온라인 예약’과 ‘시술 가이드’ 버튼, 여성의 얼굴에 시술하는 이미지
오프닝은 개인적인 약속과 두 가지 경로를 함께 제시합니다. 온라인으로 예약하거나 시술 가이드를 읽는 것입니다.

서비스

  • 웹사이트 구조
  • 카피라이팅
  • 웹 디자인
  • 모션 디자인
  • 프런트엔드 개발

도구

  • 브랜드 감사
  • 콘텐츠 감사
  • 경쟁사 분석
  • 리뷰 분석
  • 정보 구조

기술 스택

  • React
  • TypeScript
  • Vite
  • Lenis
  • CSS 변수
  • JSON-LD

EPILMOOD

새크라멘토의 전기 제모 스튜디오를 위한 웹사이트로, 개인적인 소개와 명확한 안내를 중심으로 구성했습니다. 에디토리얼 디자인과 세심한 콘텐츠 위계가 방문자에게 맞는 시작점을 찾아 주고 실용적인 답변을 가까이에 둡니다.

전문가를 선택하도록 돕기

어디에서 예약하고 누구를 믿을지 고민하는 사람을 위해 디자인했습니다. 사이트는 스튜디오의 개성을 표현하고 창립자를 소개하면서도, 시술 전 준비, 사후 관리 및 기타 시술 정보를 쉽게 찾을 수 있어야 했습니다.

저희의 기여

웹사이트 구조를 구성하고, 제목과 연결 서사를 작성하고, 시각 디자인과 모션을 React 빌드로 옮겼습니다. 준비, 사후 관리, 대상에 관한 클라이언트의 글은 본인의 말 그대로 유지했습니다.

핵심 결정은 각 화면에 하나의 명확한 아이디어를 담는 것이었습니다. 큰 메시지가 이야기를 세우고, 짧은 설명, 펼침 항목, 전용 페이지가 세부 내용을 담습니다. 덕분에 모든 방문자에게 모든 내용을 읽으라고 요구하지 않으면서도 스튜디오에 알아볼 수 있는 목소리를 줍니다.

깊이 있는 개인 소개

웹사이트는 창립자 소개, 시술 가이드, 다섯 개의 대상별 페이지를 한데 모읍니다. 이 구조는 빠른 첫인상과 예약 전 자세한 읽기를 모두 지원합니다.

전문가 프로필 레이아웃: 예시 초상과 이름 Valeria, 큰 에디토리얼 제목, ‘온라인 예약’ 및 ‘메시지 보내기’ 버튼.
예시 초상과 이름으로 표시한 전문가 프로필.

전문가를 선택의 일부로 만듭니다.

시술 웹사이트는 방문자에게 한 사람을 믿어 달라고 요청합니다. 전문가에게 충실한 소개 공간을 마련하고, 초상과 1인칭 목소리를 예약 또는 메시지 전송으로 바로 이어지는 방법과 함께 제시했습니다.

레이아웃은 이 소개를 스튜디오 선택의 일부로 만듭니다. 포트폴리오 버전에는 예시 초상과 이름을 사용했습니다.

‘모발은 주기에 따라 자라므로 영구 제모는 단계적으로 진행됩니다’: 제목, 시술 횟수에 관한 짧은 안내, 펼쳐진 항목 ‘시술 기간에 영향을 주는 요인은 무엇인가요?’
메시지, 설명, 펼칠 수 있는 세부 정보가 콘텐츠에 명확한 순서를 부여합니다.

핵심 아이디어를 앞세우고, 세부 내용은 볼 수 있게 둡니다.

콘텐츠를 세 단계로 구성했습니다. 큰 메시지, 짧은 설명, 필요할 때 펼치는 세부 내용입니다. 같은 위계가 타이포그래피, 간격, 펼침 항목에도 이어집니다.

주황색 이탤릭체는 문장의 의미 있는 전환을 표시합니다. 보조 정보는 절제되어 있어 설명할 내용이 많아도 페이지의 읽는 순서가 명확합니다.

다섯 개 카드가 있는 홈페이지 블록: 남성을 위한 전기 제모, 여성을 위한 전기 제모, 성별 확정 전기 제모, PMOS / PCOS 및 호르몬성 체모 성장, LGBTQ+ 고객
다섯 개의 대상별 카드가 전문가가 직접 쓴 글이 담긴 전용 페이지로 안내합니다.

방문자마다 관련된 입구를 찾도록 돕습니다.

방문자마다 궁금한 점이 다릅니다. 남성, 여성, 호르몬성 체모 성장이 있는 분, LGBTQ+ 방문자, 성별 확정 치료를 고려하는 분 등 다섯 대상에게 각기 다른 시작점을 제공했습니다.

각 카드는 클라이언트의 글을 담은 전용 페이지로 이어집니다. 덕분에 홈페이지는 간결함을 유지하면서 더 구체적인 고민을 다룰 공간을 제공합니다.

‘시술 여정을 단계별로’: 카드 06 ‘회복 중인 피부 보호’와 07 ‘시술 성과 지키기’에 짧은 태그, 단계 표시는 07 / 07
일곱 부분으로 이루어진 시술 가이드의 마지막 단계: 마무리와 사후 관리.

준비와 사후 관리를 중요한 순서대로 배치합니다.

실용적인 안내는 독자가 과정의 어디에 있는지 알 때 가장 효과적입니다. 시술 여정을 준비부터 방문, 사후 관리까지 일곱 단계로 구성했습니다.

번호가 매겨진 순서는 클라이언트의 정보에 경험 속 명확한 자리를 주고, 방문자가 다시 확인해야 할 때 돌아올 경로를 제공합니다.

실용적인 가이드를 갖춘 스튜디오 소개.

웹사이트는 시각적 방향, 글로 된 서사, 창립자 소개, 다섯 개의 대상별 페이지, 시술 안내를 반응형 React 빌드에 담았습니다.

다른 사례

KO