홍보·캠페인
이미지 캠페인 빌보드
한 장의 배경 이미지 위에 캠페인 설명, 일정과 한 가지 행동을 명확하게 겹쳐 보여줍니다.
설명과 사용법 보기BLOCK TEMPLATE LIBRARY
필요한 역할을 고르고,
사이트에 맞게 바꿉니다.
첫 화면, 근거, 선택, 과정, 문의까지. 완성된 블록을 출발점으로 삼되 업종과 콘텐츠에 맞게 문구·이미지·색·배치를 조정합니다.
역할별로 찾기
지금 필요한 화면 조각을 선택하세요.
41개 블록
홍보·캠페인
제품 오퍼 스테이지
대표 제품 사진을 크게 두고 가격, 포함 구성, 구매 조건을 옆의 정보판에서 함께 판단하게 합니다.
설명과 사용법 보기
이미지 탐색·비교
카테고리 이미지 모자이크
크기가 다른 네 장면을 하나의 모자이크로 엮어 제품군·공간·콘텐츠 카테고리를 이미지로 탐색하게 합니다.
설명과 사용법 보기
이미지 탐색·비교
비포·애프터 증거 스플릿
같은 시점의 전후 이미지와 변경 내용을 나란히 놓아 실제로 무엇이 달라졌는지 설명합니다.
설명과 사용법 보기
홍보·캠페인
행사 포스터 레일
행사 대표 이미지를 포스터처럼 크게 보여주고 날짜, 장소, 프로그램과 예약 행동을 정보 레일로 정리합니다.
설명과 사용법 보기
선택과 과정
질문형 서비스 경로 인덱스
서비스 이름을 모르더라도 고객의 현재 질문에서 시작해 맞는 서비스와 기대 결과로 연결합니다.
설명과 사용법 보기
근거
근거 맥락 신뢰 벨트
인증과 운영 기준 같은 신뢰 신호를 적용 범위, 확인 출처, 검토 시점과 함께 보여줍니다.
설명과 사용법 보기
선택과 과정
변화 중심 회사 연혁
연도와 사건을 나열하기보다 각 시기에 무엇이 달라졌고 어떤 자료가 남아 있는지를 설명합니다.
설명과 사용법 보기
근거
미디어 챕터 캐스케이드
서로 다른 이미지와 설명을 세 개의 연속 챕터로 엮어, 서비스가 실제로 진행되는 장면과 의미를 함께 보여줍니다.
설명과 사용법 보기
운영과 전환
문서 다운로드 데스크
핵심 자료 세 건을 파일 형식, 개정 정보, 내용 설명, 개별 열기 행동과 함께 제공합니다.
설명과 사용법 보기
선택과 과정
효과 중심 기능 지도
기능 이름을 작동 방식과 고객의 변화, 확인 가능한 근거까지 이어서 설명합니다.
설명과 사용법 보기
근거
근거 수치 장부
큰 숫자마다 측정 정의와 기간, 근거 자료를 붙여 방문자가 수치의 조건을 함께 확인하게 합니다.
설명과 사용법 보기
근거
역할 중심 팀 디렉터리
얼굴과 직함보다 각 역할의 책임, 결정 범위, 연결 시점을 먼저 설명합니다.
설명과 사용법 보기
근거
변화 맥락 고객 목소리
별점이나 짧은 칭찬 대신 사용 상황, 이전의 어려움, 요구, 달라진 설계를 한 기록으로 보여줍니다.
설명과 사용법 보기
선택과 과정
범위 중심 플랜 비교
가격 카드 대신 추천 대상, 견적 기준, 포함·제외 범위, 예상 일정을 같은 표에서 비교합니다.
설명과 사용법 보기
뼈대
길찾기 헤더
브랜드와 현재 위치, 핵심 이동 경로, 그리고 지금 눌러야 할 하나의 버튼을 조용하게 배치합니다.
설명과 사용법 보기
뼈대
맥락 서브헤더
큰 제목으로 화면을 채우는 대신 현재 위치와 이 페이지의 역할, 핵심 사실을 한 화면에서 설명합니다.
설명과 사용법 보기
뼈대
신뢰 푸터
회사 정보와 연락 경로, 페이지 목록, 사업자·법적 표시를 페이지 끝에서 확인하게 합니다.
설명과 사용법 보기
첫인상
설명 우선 히어로
멋진 한 문장 대신 제공 범위와 비용, 다음에 할 일을 첫 화면에서 바로 설명합니다.
설명과 사용법 보기
첫인상
프레임 리빌 히어로
절제된 설명과 서로 다른 업무 장면 3장을 프레임 전환으로 연결하고, 상담 전에 확인할 사실을 하단 레일에 정리합니다.
설명과 사용법 보기
첫인상
파노라마 트랙 히어로
숙소와 공간의 서로 다른 장면 3장을 넓은 파노라마로 연결하고, 방문자가 원하는 장면을 직접 고르게 합니다.
설명과 사용법 보기
첫인상
분할 내러티브 히어로
산업 현장의 서로 다른 장면 3장과 의사결정 정보를 좌우로 나누어, 서비스의 역할을 짧고 구체적으로 설명합니다.
설명과 사용법 보기
첫인상
깊이 스택 히어로
제품과 성분, 실제 사용 장면 3장을 깊이감 있는 카드로 겹쳐 상품의 사용 순서와 근거를 보여줍니다.
설명과 사용법 보기
첫인상
커튼 스토리 히어로
제철 재료와 조리하는 손, 완성된 한 접시를 커튼처럼 여는 장면 전환으로 이어 식당의 이야기를 설명합니다.
설명과 사용법 보기
첫인상
결정 기준 인트로
주제를 꾸미는 대신 방문자가 무엇을 기준으로 판단하면 되는지, 어떤 순서로 읽으면 되는지를 제시합니다.
설명과 사용법 보기
근거
이미지·설명 근거
이미지와 설명을 실제 과정·결과물에 연결해, 보기 좋은 사진이 아니라 확인할 수 있는 근거로 보여줍니다.
설명과 사용법 보기
근거
범위 증명 스트립
어디까지 해주는지, 조건은 무엇인지를 과장 없이 한눈에 비교할 수 있게 정리합니다.
설명과 사용법 보기
근거
변화 사례 갤러리
사례 이미지를 «무엇이 문제였고 무엇이 달라졌는지» 설명과 묶어 보여줍니다.
설명과 사용법 보기
근거
성과 사례 목록
분위기 사진 대신 문제와 바뀐 운영 방식을 짝으로 묶어 사례를 탐색하게 합니다.
설명과 사용법 보기
선택과 과정
선택 기준 매트릭스
서비스 이름보다 현재 문제, 맞는 조건, 기대할 수 있는 결과를 나란히 놓고 비교하게 합니다.
설명과 사용법 보기
선택과 과정
서비스 범위 플래너
공사 이름보다 공간별 불편과 원하는 변화를 먼저 고르게 해, 상담에 필요한 범위를 스스로 정리하게 합니다.
설명과 사용법 보기
선택과 과정
예산 범위 가이드
정액 가격처럼 보이지 않게 견적을 바꾸는 조건과 상담 전에 준비할 정보를 함께 설명합니다.
설명과 사용법 보기
선택과 과정
솔루션 브리프
적용 조건과 기대 변화를 중심으로 상품·솔루션을 비교하고 상세 검토로 이어지게 합니다.
설명과 사용법 보기
선택과 과정
진행 단계 레일
단계마다 «무엇이 나오고 무엇이 확정되면 다음으로 넘어가는지»를 적어 진행 상황을 예측할 수 있게 합니다.
설명과 사용법 보기
운영과 전환
최근 콘텐츠 스포트라이트
대표 글 한 편은 이미지와 설명으로 충분히 보여주고, 최근 글은 간결한 읽기 레일로 이어 홈페이지와 운영 프로그램을 연결합니다.
설명과 사용법 보기
운영과 전환
읽기 우선 글 목록
카드 장식보다 주제·제목·핵심 설명·날짜의 읽기 순서로 글을 찾게 합니다.
설명과 사용법 보기
운영과 전환
게시판
글을 주제와 질문 중심으로 탐색하고 상세 읽기와 글쓰기로 이어지게 하는 게시판입니다.
설명과 사용법 보기
운영과 전환
상담 신청 폼
문의 전에 필요한 정보와 접수 이후 순서를 함께 설명해, 빈 칸만 있는 폼보다 신청률이 떨어지지 않게 합니다.
설명과 사용법 보기
운영과 전환
결정형 자주 묻는 질문
답을 접어 숨기지 않고 질문·짧은 결론·판단 조건을 한 줄에서 함께 읽게 합니다.
설명과 사용법 보기
운영과 전환
지역·방문 안내
서비스 가능 지역과 방문 방식, 상담 준비 자료, 연락 경로를 한곳에서 확인하게 합니다.
설명과 사용법 보기
운영과 전환
다음 단계 패널
결과가 분명한 하나의 우선 행동과, 부담이 낮은 보조 행동을 함께 제시합니다.
설명과 사용법 보기제작할 때는 그대로 복사하지 않습니다
블록은 출발점이고, 완성은 콘텐츠에 맞춘 조정입니다.
공개 페이지에서는 블록의 이미지와 활용 정보만 제공합니다. 실제 제작에서는 고객의 업종·내용·브랜드에 맞춰 구조를 조정하고 필요한 기능과 연결합니다.
