6개 사업분야와 계열사를 한눈에 살펴볼 수 있는 기업 웹사이트를 제작했습니다.
KHIGHEND
모델 탐색부터 캐스팅 문의까지 하나의 플랫폼으로
모델 프로필을 데이터로 다뤄 조건별로 탐색하고, 캐스팅 문의까지 바로 이어지는 에이전시 플랫폼입니다.
- 업종
- 모델 에이전시
- 사이트 유형
- 포트폴리오 플랫폼
- 제작 방식
- WordPress
- 메인 컬러
- #C9A961
khighendcorp.com
프로젝트 개요
어떤 회사가 누구를 위해 무엇이 필요했고, 웹피터가 무엇을 만들었는지.
고객사
한국인·외국인 모델을 함께 다루는 서울 기반 모델 에이전시입니다.
주요 방문자
조건에 맞는 모델을 찾는 캐스팅 담당자, 그리고 지원하려는 모델 지원자.
필요했던 것
- 조건으로 탐색되는 프로필
- 모델마다 개별 페이지
- 이미지가 많아도 느려지지 않을 것
- 캐스팅 문의와 모델 지원의 분리
웹피터가 한 일
- 모델 데이터 모델링
- 탐색·필터
- 캐스팅 문의
- 모델 지원
- 영문 UI
디자인 컨셉
화면의 방향과 색, 글꼴을 이렇게 정한 이유.
조건으로 찾히는 프로필을 만든다
모델 정보를 목록, 상세 페이지, 필터에서 함께 사용하도록 구성했습니다. 목록과 상세 화면의 이미지는 용도에 맞는 크기로 제공해 로딩 부담을 줄였습니다.
컬러 시스템
- 배경#FDFDFD
- 메인 컬러#C9A961
- 포인트 컬러#F0DDA7
- 본문 · 헤드라인#0A0A0A
흰 바탕에 골드 한 톤. 화면의 주인공이 모델 사진이라, 배경에 채도를 주면 인물의 색이 먼저 죽습니다.
타이포그래피
- 헤드라인
- Playfair Display
- 본문
- Noto Sans KR
제작 방식과 구성
무엇으로 만들었고, 사이트를 어떻게 나눴는지.
제작 방식
WordPress
검증된 CMS인 워드프레스 위에 사이트 구조와 디자인을 새로 설계했습니다. 공지와 자료, 소개 콘텐츠는 관리자 화면에서 직접 운영할 수 있습니다.
적용한 구현 요소
- 콘텐츠 모델링
- 필터·검색
- 이미지 최적화
- 영문 대응
사이트 구성
실제 사이트의 주요 메뉴입니다.
메인
- View All Models
- Casting Inquiry
- Resources
설계 노하우
풀어야 했던 문제와 웹피터의 결정, 그리고 이 프로젝트에서 얻은 것.
풀어야 했던 문제
이미지가 많을수록 느려지고, 느려지면 못 찾는다
고해상도 프로필 이미지가 수백 장 쌓이는 서비스에서 탐색 속도와 이미지 품질은 정면으로 충돌합니다.
웹피터의 결정
프로필을 콘텐츠 타입으로 정의한다
모델을 하나의 데이터 타입으로 정의해 목록·상세·필터가 같은 소스를 쓰도록 하고, 이미지는 목록과 상세에서 서로 다른 크기로 제공되도록 분리했습니다. 캐스팅 문의와 모델 지원은 각각 별도의 입구를 가집니다.
사진이 주인공인 사이트에서는 배경이 한 걸음 물러나야 합니다. 프로필을 데이터로 정리해 두면 목록과 상세, 필터가 같은 정보를 각자의 방식으로 보여줍니다.
포트폴리오 플랫폼
이 사례 같은 사이트,
우리 회사에도 필요하다면
업종과 목적에 맞는 구조부터 함께 정합니다. 지금 사이트 상황을 남겨 주시면 영업일 1일 이내에 회신합니다.
- 영업일 1일 이내 회신
- 표준 제작 기간 5~8주
- 소스코드·디자인 원본 인계
다른 프로젝트
전체 포트폴리오
(주)세한RF시스템 프로젝트 화면 
잡브릿지 프로젝트 화면 컨설턴트 소개와 전문 설문을 구성해, 상담 전에 지원자의 상황을 파악하도록 만들었습니다.
세이프톡 SafeTalk 프로젝트 화면 제품의 사용 방식과 업종별 활용 사례를 소개하고, 도입 문의로 이어지도록 구성했습니다.
