프로젝트

온결 호텔 예약 사이트

④ 빌드 진행 중
온결/ongyeol-stay.seoha.design/업데이트 2일 전
호스피탈리티고요럭셔리
다서태수리드 서다은 · 4명 참여
브리프
탐색수렴④빌드②–④ 반복 루프
⑤학습

① 브리프

자산을 올리면 에이전트가 Brand DNA를 추출하고, 카테고리에 맞는 서하 프리셋을 추천합니다. 메타포 후보와 페이지 성격으로 경험 레이어의 출발점을 정합니다.

탐색 시작

브랜드 자산

3개 파일 · 에이전트 분석 완료
  • 온결_logo_primary.svg로고

    가로형 · 세로형 · 심볼 3종

    다
  • 온결_브랜드가이드_v3.pdf브랜드 가이드

    42p · 컬러/서체/톤앤매너

    다
  • 온결 호텔 예약 사이트_IA_0.9.pdf기획서 · IA

    화면 38개 · 메뉴 3depth

    다
파일을 끌어다 놓거나 찾아보기 — 에이전트가 자동으로 DNA를 추출합니다

Brand DNA

에이전트 추출

배경

#111311

서피스

#1b1e1b

텍스트

#ede6d6

보조

#8f8a7d

포인트

#b89b5e

타이포그래피

명조 계열 · 에디토리얼 톤, 본문은 고딕 병용

라운드 0px · 밀도 airy · 레이아웃 editorial

톤 키워드
고요럭셔리절제명료숨 쉬는
경쟁사 레퍼런스
  • 아만여백과 사진
  • 조선호텔예약 위젯
  • 스테이폴리오큐레이션 톤

메타포 후보

에이전트 도출
  • 빛 번짐

    저녁 객실에 번지는 조명

    출처 · 공간 디자인 무드보드

    1
    2
    3
    4

    L3 캐릭터 · 마스코트가 화면에 등장한다

  • 산책길

    정원을 따라 걷는 체크인 동선

    출처 · 건축 도면 · 투숙객 인터뷰

    1
    2
    3
    4

    L3 캐릭터 · 마스코트가 화면에 등장한다

선택한 메타포는 ② 탐색에서 시안별 경험 방향으로 전개됩니다. 강도 1–4는 영역별로 정합니다.

페이지 성격 분류

체험형 1 · 정보형 2 · 전환형 1
페이지성격추천 기법최대 강도

메인

첫인상이 목적. 기법 1~2개를 깊게 쓴다

영상스크롤 패럴럭스
2

객실 목록

읽기를 방해하지 않는다

스크롤 등장
1

객실 상세

읽기를 방해하지 않는다

스크롤 등장마이크로인터랙션
1

예약 · 결제

상태 피드백만, 모션 최소화

마이크로인터랙션
0

메인 경험 미리보기

온결
서비스상품소식고객센터로그인
ONGYEOL Stay

머무름의온도

계절이 바뀌는 속도로, 천천히 쌓이는 이야기를 전합니다.

Vol. 12 — 읽기 6분

맞춤 추천
필요한 순간에 바로 닿는 서비스
빠른 상담
필요한 순간에 바로 닿는 서비스
혜택 모아보기
필요한 순간에 바로 닿는 서비스
© 온결 · 개인정보처리방침 · 이용약관
모티프
빛 번짐 · 강도 2
기법
영상 · 성능 비용 중간 · 공수 M
성능 예산
영상 1.5MB · GPU 낮음
모바일
720p 저용량 루프 또는 첫 프레임 이미지
움직임 줄이기
포스터 이미지로 정지