SDK 중심 구조
React와 Next.js 환경에 맞춰 가상 피팅 흐름을 빠르게 연결할 수 있도록 구성했습니다.
E-VER VIRTUAL FITTING SDK
가상 피팅 기능을
웹 서비스에 바로 연결하세요
E-VER는 웹 기반 가상 피팅 경험을 제품에 붙이기 위한 SDK와 API를 제공합니다. 데모만 보여주는 랜딩이 아니라, 개발자가 어떤 기능을 어디서 시작해야 하는지 한눈에 이해할 수 있도록 홈 화면을 다시 구성했습니다.
- 대상 사용자
- 가상 피팅 기능을 붙이려는 프론트엔드 개발자와 서비스 운영 팀
- 핵심 가치
- 문서, 데모, 운영 화면까지 하나의 흐름으로 연결
- 첫 액션
- SDK 문서를 보고 설치한 뒤 쇼케이스에서 피팅 결과를 확인
Live fitting preview
SHOWCASE DEMO
영상은 보조 자료로 유지하고, 핵심 메시지는 왼쪽에서 먼저 읽히도록 배치했습니다.
QUICK START
pnpm add @ssafy-mhk/e-ver
import { EverProvider } from "@ssafy-mhk/e-ver";
export default function App() {
return <EverProvider>{/* your fitting UI */}</EverProvider>;
}START HERE
- 문서에서 설치와 기본 구성을 확인합니다.
- 쇼케이스에서 실제 피팅 흐름을 확인합니다.
- 팀 화면에서 API 키와 운영 기능을 연결합니다.
WHAT E-VER PROVIDES
홈페이지에서 바로 이해되는 제품 구조
공식 라이브러리 홈페이지처럼 제품의 역할, 개발 시작점, 데모 위치가 분리되어 보이도록 구성했습니다. 사용자는 먼저 제품을 이해하고, 그다음 문서나 쇼케이스로 이동할 수 있습니다.
실시간 피팅 경험
웹캠 입력과 의류 데이터를 연결해 사용자가 브라우저에서 바로 피팅을 시도할 수 있습니다.
운영까지 고려한 허브
문서, 브랜드 허브, 팀 관리 화면까지 포함해 데모 이후 운영 단계로 이어집니다.
DEVELOPER FLOW
홈에서 문서와 데모까지 바로 이어지는 구조
라이브러리 홈페이지처럼 첫 화면에서 “무엇인지”, “어디서 시작하는지”, “다음 액션이 무엇인지”가 동시에 보이도록 정리했습니다.
1. SDK 연동
문서를 따라 프로젝트에 SDK를 추가하고 기본 설정을 연결합니다.
2. 피팅 화면 구성
쇼케이스나 자체 상품 페이지에 피팅 흐름을 임베드합니다.
3. 팀 단위 운영
API 키와 브랜드 리소스를 관리하며 실제 서비스에 적용합니다.