프로젝트

한빛은행 디지털 리뉴얼

② 탐색 진행 중
한빛은행/hanbit-renewal.seoha.design/업데이트 12분 전
금융신뢰대담
서도하유채태리드 김서연 · 6명 참여
브리프
②탐색③수렴④빌드②–④ 반복 루프
⑤학습

① 브리프

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

탐색 시작

브랜드 자산

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

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

    서
  • 한빛은행_브랜드가이드_v3.pdf브랜드 가이드

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

    서
  • 한빛은행 디지털 리뉴얼_IA_0.9.pdf기획서 · IA

    화면 38개 · 메뉴 3depth

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

Brand DNA

에이전트 추출

배경

#0b0f1a

서피스

#141a2a

텍스트

#f5f7ff

보조

#8b93a7

포인트

#c6ff3d

타이포그래피

디스플레이 고딕 · 큰 헤드라인 중심, 행간 1.1

라운드 0px · 밀도 regular · 레이아웃 hero-left

톤 키워드
신뢰대담절제명료숨 쉬는
경쟁사 레퍼런스
  • 토스뱅크숫자 중심 히어로
  • 카카오뱅크앱 연속성
  • KB국민은행정보 밀도 과다 — 회피

카테고리

업종

금융커머스공공뷰티보험호스피탈리티

느낌

신뢰대담절제단단함경쾌밀도명료차분

이 카테고리의 추천 프리셋

금융 프로젝트에서 한 번에 채택률이 높은 순

에이전트 활동

자동 수집된 신호
브리프 분석 완료자산 3 · 색상 5 · 레퍼런스 3
  1. 도이도윤지시컬러4분 전

    형광 포인트 면적을 5% 이하로 줄여

  2. 서김서연직접 수정타이포9분 전

    히어로 국문 자간 -2% → -4% 직접 수정

  3. 하최하린선택레이아웃12분 전

    수정안 3개 중 B 선택 (비대칭 2단)

  4. 태오태윤폐기히어로20분 전

    그라데이션 배경 시안 전체 폐기

메타포 후보

에이전트 도출

  • 스마일

    고객의 웃음을 은행이 지키는 가치로

    출처 · 브랜드 가이드 p.12 · 고객 인터뷰

    1
    2
    3
    4

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

  • 상승 곡선

    자산이 꾸준히 오르는 경험

    출처 · 리뉴얼 RFP · 경쟁사 분석

    1
    2
    3
    4

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

  • 빛 번짐

    한빛이라는 이름의 첫 글자

    출처 · 브랜드 네이밍 문서

    1
    2
    3
    4

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

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

페이지 성격 분류

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

메인

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

커서 반응스크롤 패럴럭스
4

브랜드 스토리

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

영상스크롤 패럴럭스
3

상품 목록

읽기를 방해하지 않는다

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

상품 상세

읽기를 방해하지 않는다

스크롤 등장
1

계좌 개설

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

마이크로인터랙션
0

이체

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

마이크로인터랙션
0

메인 경험 미리보기

HANBIT
서비스상품소식고객센터로그인
NEW 한빛

돈의 흐름을다시 설계하다

시작하기
맞춤 추천
필요한 순간에 바로 닿는 서비스
빠른 상담
필요한 순간에 바로 닿는 서비스
혜택 모아보기
필요한 순간에 바로 닿는 서비스
© HANBIT · 개인정보처리방침 · 이용약관
모티프
스마일 · 강도 4
기법
커서 반응 · 성능 비용 중간 · 공수 M
성능 예산
JS 8KB · GPU 낮음
모바일
터치 위치 · 자동 시선 이동
움직임 줄이기
정면 응시 정지