맑은 시선,
따뜻한 연결.
계속 살피고, 달라진 점을 짚고,
준비할 일을 알려 필요한 도움으로 연결합니다.
맑은 시선 × Apricot Coral · 컨셉 적용 시안 v0.4
맑게 정리합니다.
화이트와 블루가 정보의 순서와 거리를 만듭니다.
필요한 곳을 짚습니다.
코랄이 변화와 다음 행동, 도움의 연결 위치를 알립니다.
생활을 중심에 둡니다.
빌라·다가구·단독주택의 평범한 일상을 같은 시선으로 다룹니다.
넓은 흰 여백에,
한 지점의 따뜻한 강조.
핵심 키워드: 명료함 · 지속적인 관심 · 준비 가능성 · 동등한 관계
넓은 여백
공기감·보조면
정보 묶음
보조 그래픽
제목·정보 중심
주목·행동·연결
본문
살핌 · 넓은 생활 장면 + 작은 확인 기록
발견 · 변화 전·후 비교 + 의미 설명
준비 · 기한 → 준비 항목 → 다음 행동
지원 · 고객 상황 → 도움의 종류 → 연결
색의 이유
사진의 하늘·그림자에서 블루를 이어오고, 코랄은 차가운 정보면에 따뜻한 대비를 만듭니다. 같은 화면에서는 중간 블루를 선택적으로 덜어냅니다.
구도의 이유
넓은 생활 장면 → 변화의 디테일 → 정돈된 행동 → 나란한 협력으로 시점을 바꿉니다. 단계마다 무엇을 봐야 할지가 달라집니다.
타입과 조형
중립 고딕·명확한 정렬·얇은 구분선. 코랄 표식 하나로 현재 위치를 알립니다. 네 단계는 필요에 따라 다시 오갈 수 있습니다.
모든 사진은 컨셉 검토용 AI 생성 이미지입니다. 실제 고객 사례가 아닙니다. 팔레트의 HEX는 HTML 기준이며 사진 내부 색은 근사값입니다.
오늘도 생활은 이어지고,
살핌도 이어집니다.
계약·등기·기한·거주 상황의 변화를 지속적으로 확인합니다.
최근 확인 내역
다음 확인 예정일 안내
고객이 알려준 변경사항 반영
실제 확인 범위와 주기는 서비스 정책에 따릅니다.
레이아웃 · 넓은 생활 장면 + 작은 확인 기록
고객의 일상을 먼저 보여주고 확인 정보는 옆에서 받칩니다. 관리 화면이 생활 전체를 덮지 않도록 사진과 정보의 크기를 다르게 둡니다.
포인트색 · 살핌의 강조 위치
코랄은 최근 확인을 알리는 작은 점과 현재 단계 표식에 사용합니다.
그래픽 색 비율 · 시험값
화이트 85 · 블루계 7 · 정보색 6 · 코랄 2%
사진 제외 목표 비율. 픽셀 실측·최종 규격 아님.
달라진 부분을,
분명하게 짚습니다.
문제로 이어질 가능성이 있는 변동을 조기에 포착합니다.
등록 일정이 달라졌어요
변경된 일정에 맞춰 준비 시점을 다시 확인해 주세요.
구조 설명용 가상 일정입니다. 변경 표시가 곧 위험 판정을 의미하지 않습니다.
레이아웃 · 변화 전·후 비교 + 의미 설명
변경된 항목 하나를 좁혀 보여줍니다. 변화 자체와 위험 판단을 구분하여 불필요한 불안을 줄이는 정보 구조입니다.
포인트색 · 발견의 강조 위치
코랄은 달라진 항목의 배경과 표식에 사용합니다. 위험 여부는 별도 문장으로 설명합니다.
그래픽 색 비율 · 시험값
화이트 82 · 블루계 8 · 정보색 6 · 코랄 4%
사진 제외 목표 비율. 픽셀 실측·최종 규격 아님.
지금 할 일을,
한 가지씩 알기 쉽게.
변화의 의미와 지금 해야 할 일을 이해하기 쉽게 안내합니다.
상담 전에 확인할 것
준비 시점 · 예약한 상담 전까지
- 계약서와 관련 기록 모으기
- 달라진 내용 메모하기
- 궁금한 점 정리하기
레이아웃 · 기한 → 준비 항목 → 다음 행동
사진의 정돈된 손동작을 체크리스트의 읽는 순서와 연결합니다. 여러 행동을 동시에 요구하지 않고 첫 행동을 강조합니다.
포인트색 · 준비의 강조 위치
현재 준비 항목과 다음 행동에 코랄을 집중합니다. 버튼 글자는 Slate로 읽기 쉽게 배치합니다.
그래픽 색 비율 · 시험값
화이트 80 · 블루계 8 · 정보색 6 · 코랄 6%
사진 제외 목표 비율. 픽셀 실측·최종 규격 아님.
혼자 어려운 순간에는,
필요한 도움을 연결합니다.
고객 혼자 처리하기 어려운 시점에 절차·비용·전문가를 연결합니다.
어떤 도움이 필요하세요?
내 상황 · 서류를 모았지만 다음 절차를 판단하기 어려워요.
이용 가능 범위·비용·제공 조건은 별도 확인합니다. 비용 지원이 항상 포함된다는 의미는 아닙니다.
레이아웃 · 고객 상황 → 도움의 종류 → 연결
고객과 전문가를 같은 높이에서 보여줍니다. 화면에서도 상황 설명과 도움의 선택을 가까이 배치해 연결의 맥락이 보이게 합니다.
포인트색 · 지원의 강조 위치
코랄은 상담 연결 영역에 사용합니다. 조건·범위·비용 정보는 짙은 본문으로 별도 표시합니다.
그래픽 색 비율 · 시험값
화이트 81 · 블루계 7 · 정보색 6 · 코랄 6%
사진 제외 목표 비율. 픽셀 실측·최종 규격 아님.
이 시안의 핵심은
‘살펴주는 행동’이 보이는 것입니다.
코랄이 확인점에서 변경 항목으로, 준비 행동에서 도움의 연결로 이어집니다.
색의 반복을 서비스 행동의 반복과 연결하는 시안입니다.
| 핵심 설계 | 사용 시 기대 장점 | 확인할 기준 |
|---|---|---|
| 화이트 중심 + 한 개의 코랄 강조 | 정보가 많은 계약·리포트 화면에서도 주목할 위치를 정할 수 있습니다. | 첫 시선과 다음 행동을 찾는 시간 비교 |
| 단계별로 다른 정보 배치 | ‘현재 상태·변경점·해야 할 일·지원 경로’를 구별하기 쉬워집니다. | 단계의 목적을 사용자 말로 설명할 수 있는지 |
| 같은 색·타입·정렬 규칙 | 키오스크·보고서·모바일 사이에서 브랜드의 일관성을 유지하기 좋습니다. | 동일 내용의 기기별 인지·읽기 비교 |
| 여러 주거 유형과 동등한 시점 | 아파트 외 거주자도 자신의 생활과 연결해 볼 수 있는 표현 범위를 확보합니다. | 주거 유형별 공감도와 고정관념 발생 여부 |
| 블루의 정돈 + 코랄의 따뜻한 대비 | 전문성과 사람 중심의 케어를 하나의 화면에서 표현할 수 있습니다. | 금융·인테리어·돌봄 서비스 중 무엇으로 인식하는지 |
표현의 범위: 코랄은 위험 등급이나 보장을 뜻하지 않습니다. 실제 변화의 의미, 준비 기한, 지원 조건은 문장으로 설명합니다. 사진 속 특정 주택 유형도 특정 위험 단계와 고정적으로 연결하지 않습니다.
위 장점은 설계 의도와 검증 가설입니다. 신뢰·가입·전환 개선이 실증된 것은 아닙니다. 실제 서비스 데이터와 지원 범위 확인 후 화면 문구를 확정합니다.