FEATURED CASE신축아파트 사전점검·임대 VR 기록·외벽 점검

하방 대표사례

현장 상담이 시작되는 공식 창구를 다시 세웠습니다.

공개 챕터 4개 · 운영 중유사 프로젝트 상담
하방 공식 홈페이지 데스크톱 첫 화면
홈 첫 화면 · habang.kr

OVERVIEW

하방의 서비스 안내·예약 흐름·현장 이야기를 고객이 바로 이해할 수 있도록 공식 사이트와 블로그를 정리했습니다.

Client
하방
Business
신축아파트 사전점검·임대 VR 기록·외벽 점검
Scope
  • 브랜드 표현 정리
  • 홈페이지·예약 흐름
  • 블로그 운영
  • 네이버 블로그 운영(2019–2026)
Live
공식 홈페이지(새 창)블로그(새 창)네이버 블로그(새 창)

01무엇이 문제였나

서비스는 있는데, 공식 설명이 흩어져 있었습니다.

하자보수·현장 상담 업무는 이미 운영 중이었지만, 고객이 처음 만나는 웹 안내와 콘텐츠 구조가 서비스 범위·상담 흐름을 한눈에 보여 주지 못했습니다. 내부용 현장 리포트 도구와 고객용 공식 사이트를 구분한 뒤, 공개 접점부터 다시 맞춰야 했습니다.

02어떻게 접근했나

공식 사이트와 블로그를 먼저 바로잡았습니다.

내부 업무 도구보다 고객이 실제로 보는 안내·예약·콘텐츠 순서를 우선했습니다. 브랜드 표현은 사이트에 바로 적용할 기준 수준으로 정리하고, 자세한 현장 이야기는 블로그로 이어지게 구성했습니다. 매출·예약 증가 수치는 측정 자료가 없어 주장하지 않습니다.

03무엇이 바뀌었나

공식 사이트에서 서비스 범위가 먼저 읽히게 됐습니다.

방문자가 첫 화면과 서비스 안내에서 무엇을 의뢰할 수 있는지 파악한 뒤 상담·예약으로 이어질 수 있는 구조를 갖췄습니다. 고객이 공식 도메인에서 서비스를 확인할 수 있게 됐습니다. 현장 설명을 공식 채널에 남길 수 있게 됐습니다. 유료 검색광고 없이도 블로그를 보고 연락하는 고객이 생겼습니다.

GUIDE

브랜드 표현 기준

별도 브랜드북 대신, 공식 사이트에 바로 적용할 기준으로 정리해 실제로 쓰고 있는 값입니다.

COLOR

  • Deep Blue#1E3A8A

    메인 · 헤더, 주요 안내 면

  • Orange#F97316

    포인트 · 전화·견적 등 행동 버튼

  • Soft Green#10B981

    보조 · 서비스 아이콘, 강조 표시

  • Background#F8FAFC

    바탕 · 카드가 놓이는 밝은 면

  • Text#0F172A

    본문 · 제목 글자

TYPOGRAPHY

  • Noto Sans KR

    제목·본문 공통 서체

    Regular 400 · Medium 500 · Bold 700

    하방 홈페이지에 적용된 Noto Sans KR 제목 — 내 집의 숨은 하자, 전문가의 눈에는 보입니다.
    실제 적용 화면에서 발췌

로고

하방 로고

사이트 헤더에 쓰이는 흰색 로고 원본을 Deep Blue 위에 그대로 적용했습니다. 로고는 재디자인하지 않았습니다.

적용 원칙

  1. 01첫 화면에서 하방이 무엇을 하는 회사인지 한 문장으로 밝힌다
  2. 02상담 전에 고객이 확인할 서비스 범위·예상 비용을 앞쪽에 둔다
  3. 03전화·견적 같은 행동 버튼은 Orange로 구분한다
  4. 04로고와 서비스 아이콘은 실제 사용하는 자산만 쓴다

SCREENS

주요 화면

  • 하방 모바일 홈 첫 화면
    모바일 홈
  • 하방 모바일 예상 견적 안내와 고객 후기 목록
    예상 견적 · 후기
  • 하방 모바일 블로그 목록
    블로그
하방 홈페이지의 서비스 단가표 안내, 예약 현황, 이벤트, 핵심 서비스 영역
예상 비용 안내 · 예약 현황 · 핵심 서비스

2026-09-29 기준 실제 공개 사이트 캡처

PROCESS

단계별로 한 일

예약·상담 전환율과 매출 변화는 측정 자료가 없어 싣지 않습니다. 블로그 전화 문의 수는 운영 담당자가 확인한 가장 많았던 달 기준입니다. 비공개 컨설팅 문서와 내부 현장 리포트 도구 화면도 제외했습니다.

  1. 01

    서비스 범위를 고객 언어로 정리한 이야기

    문제
    서비스 이름만으로는 범위가 전달되지 않았습니다.
    실행
    표현 기준을 홈과 서비스 화면에 바로 적용했습니다.
    변화
    공식 사이트에서 서비스 범위가 먼저 읽히게 됐습니다.
    01 이야기 더보기
  2. 02

    상담이 이어지는 홈페이지를 만든 이야기

    문제
    정보가 있어도 상담으로 이어지는 길이 짧지 않았습니다.
    실행
    Next 기반 공식 사이트로 고객 접점을 재구축했습니다.
    변화
    고객이 공식 도메인에서 서비스를 확인할 수 있게 됐습니다.
    02 이야기 더보기
  3. 03

    현장 이야기를 블로그로 이어 간 이야기

    문제
    홈페이지만으로는 현장 맥락을 길게 남기기 어려웠습니다.
    실행
    블로그 목록·본문 흐름을 사이트에 연결했습니다.
    변화
    현장 설명을 공식 채널에 남길 수 있게 됐습니다.
    03 이야기 더보기
  4. 04

    단지별 글로 입주 예정자를 먼저 만난 이야기

    문제
    입주 예정자는 자기 아파트 이름으로 검색합니다.
    실행
    약 7년간 기획부터 이미지, 발행까지 직접 맡았습니다.
    변화
    유료 검색광고 없이도 블로그를 보고 연락하는 고객이 생겼습니다.
    04 이야기 더보기

비슷한 정리가 필요하다면

자료가 흩어져 있어도 상담에서 시작할 수 있습니다.