블로그·아티클 상세형 5종
아티클 읽기 윤곽 레일
긴 글의 범위, 읽기 시간과 네 구간의 질문을 한 장면 아래 이어지는 비대칭 윤곽 레일로 안내합니다.
설명과 사용법 보기BLOCK TEMPLATE LIBRARY
필요한 역할을 고르고,
사이트에 맞게 바꿉니다.
첫 화면, 근거, 선택, 과정, 문의까지. 완성된 블록을 출발점으로 삼되 업종과 콘텐츠에 맞게 문구·이미지·색·배치를 조정합니다.
역할별로 찾기
지금 필요한 화면 조각을 선택하세요.
151개 블록
블로그·아티클 상세형 5종
아티클 핵심요약 여백
핵심 한 문장과 세 관찰을 비대칭 여백과 이미지 가장자리에 나눠 본문의 해석 한계를 함께 보여줍니다.
설명과 사용법 보기
블로그·아티클 상세형 5종
아티클 작성·검토 책임표
작성한 범위와 독립 검토한 범위를 두 책임면으로 분리하고 함께 지키는 공개 규칙을 중앙에 둡니다.
설명과 사용법 보기
블로그·아티클 상세형 5종
아티클 출처·업데이트 원장
세 출처의 확인 상태, 본문에서 사용한 범위와 다시 검토할 조건을 한 행씩 연결하는 살아 있는 원장입니다.
설명과 사용법 보기
블로그·아티클 상세형 5종
관련 읽기 질문 경로
현재 글에서 남은 물·흙·빛의 세 질문을 다음 글과 연결해 관련 콘텐츠를 서로 다른 깊이의 경로로 제안합니다.
설명과 사용법 보기
서브페이지 · R&D·기술검증 5종
기술 역량 지형도
사용 조건에서 광학·구조와 검증 근거까지 이어지는 네 연구 층을 한 장면과 전폭 지형으로 연결합니다.
설명과 사용법 보기
서브페이지 · R&D·기술검증 5종
연구 단계 게이트 저널
가설·모형·검증·공개 준비 네 단계의 확인 자료와 계속·보류·되돌림 판단을 하나의 게이트 저널로 남깁니다.
설명과 사용법 보기
서브페이지 · R&D·기술검증 5종
검증 조건·근거 매트릭스
시험 대상, 조건, 관찰한 내용과 아직 말할 수 없는 한계를 같은 행에 두어 검증 자료의 적용 범위를 밝힙니다.
설명과 사용법 보기
서브페이지 · R&D·기술검증 5종
품질 피드백 루프맵
이상 발견, 대상 격리, 원인 추적, 변경과 재확인을 한 장면 주위의 되돌림 가능한 품질 순환으로 보여줍니다.
설명과 사용법 보기
서브페이지 · R&D·기술검증 5종
기술 준비도 로드맵
현재 설명 가능한 것, 검증 중인 것과 조건 충족 뒤 검토할 것을 날짜 약속 없는 세 수평선으로 구분합니다.
설명과 사용법 보기
사례 결과검토형 5종
사례 요청·납품 크로스워크
처음 요청한 범위, 실제 전달한 범위와 보류·제외 항목을 세 개의 긴 레일로 대조합니다.
설명과 사용법 보기
사례 결과검토형 5종
사례 작업흐름 변화 리플레이
개선 전과 이후의 세 행동을 평행한 두 레일에 놓아 관찰된 변화와 남은 확인을 설명합니다.
설명과 사용법 보기
사례 결과검토형 5종
사례 이해관계자 관점 3면
의뢰인·운영자·이용자가 같은 결과에서 확인할 사실과 다음 질문을 후기 없이 세 관점으로 나눕니다.
설명과 사용법 보기
사례 결과검토형 5종
사례 후속 점검 저널
인계·30일·90일의 세 점검에서 확인한 내용과 다음 질문을 원형 사진과 저널 기록으로 남깁니다.
설명과 사용법 보기
사례 결과검토형 5종
사례 교훈 전이 브리프
다음 프로젝트에서 반복할 것, 중단할 것, 다시 확인할 것을 세 개의 전폭 밴드로 정리합니다.
설명과 사용법 보기
프로젝트 현장기록형 5종
프로젝트 맥락 현장 파노라마
한 장의 넓은 현장 이미지와 네 가지 사실로 프로젝트가 시작된 공간적 맥락을 소개합니다.
설명과 사용법 보기
프로젝트 현장기록형 5종
프로젝트 제약 현장 노트
현장 조사에서 확인한 세 제약과 각 제약이 설계 범위에 남긴 경계를 노트처럼 공개합니다.
설명과 사용법 보기
프로젝트 현장기록형 5종
프로젝트 의사결정 트레이드오프 보드
세 가지 대안에서 얻는 것과 남는 한계를 같은 기준으로 비교해 최종 선택의 근거를 보여줍니다.
설명과 사용법 보기
프로젝트 현장기록형 5종
프로젝트 프로토타입 콘택트 시트
네 가지 제작 시험을 하나의 접점 이미지와 확인 항목으로 묶어 최종안 전에 검토한 내용을 남깁니다.
설명과 사용법 보기
프로젝트 현장기록형 5종
프로젝트 사용 중 관찰 기록
완료 공간에서 관찰한 세 사용 순간과 다음에 확인할 질문을 만족도나 성과 주장과 분리해 기록합니다.
설명과 사용법 보기
제품·상품 소개형 5종
제품 성격 오브젝트 포트레이트
대표 제품 한 점의 큰 오브젝트 사진과 세 가지 형태적 성격으로 첫인상과 사용 태도를 소개합니다.
설명과 사용법 보기
제품·상품 소개형 5종
제품 구조 분해 보드
제품을 이루는 네 부분과 각 부분의 외부 역할을 한 장의 분해 사진과 연결해 설명합니다.
설명과 사용법 보기
제품·상품 소개형 5종
제품 사용 순간 필름스트립
같은 제품이 놓이는 아침·저녁·밤의 세 생활 장면을 연속된 필름스트립으로 보여줍니다.
설명과 사용법 보기
제품·상품 소개형 5종
제품 재료 출처 원장
제품의 세 재료를 사진과 확인 가능한 출처 상태, 선택 이유로 나눠 한 장의 기록 원장처럼 소개합니다.
설명과 사용법 보기
제품·상품 소개형 5종
제품 도착·개봉 경로
포장된 상태, 안전하게 꺼내는 장면, 처음 놓이는 자리까지 세 단계의 확인 항목을 보여줍니다.
설명과 사용법 보기
서비스 소개형 5종
대표 서비스 포토 스테이지
대표 서비스 한 장면과 세 제공 근거를 큰 사진 무대에 묶어 무엇을 어떻게 돕는지 첫 화면에서 설명합니다.
설명과 사용법 보기
서비스 소개형 5종
서비스 상황·대응 2면
서로 다른 두 현장 상황을 관찰 사실과 대응 범위의 쌍으로 나눠 결과를 단정하지 않고 설명합니다.
설명과 사용법 보기
서비스 소개형 5종
서비스 방법 3겹 구조
한 작업 장면을 중심으로 관찰·조정·기록의 세 역할을 겹 구조로 풀어 서비스 방법을 설명합니다.
설명과 사용법 보기
서비스 소개형 5종
서비스 적합 환경 3장면
집·가게·사무실처럼 서로 다른 세 이용 환경을 사진과 확인 질문으로 연결해 적합성을 가늠하게 합니다.
설명과 사용법 보기
서비스 소개형 5종
서비스 사후 기록 인계
서비스 뒤에 남기는 확인 사실, 진행 범위와 다음 관찰 항목을 한 장의 기록 인계 구조로 보여줍니다.
설명과 사용법 보기
회사·브랜드 소개형 5종
시작 물건 브랜드 스토리
브랜드가 시작된 한 물건과 세 사실을 인쇄 기록 원장처럼 묶어 출발점과 현재 원칙을 연결합니다.
설명과 사용법 보기
회사·브랜드 소개형 5종
브랜드 상징 해설
하나의 상징을 세 조형 요소로 나눠 형태와 색이 실제 브랜드 태도와 어떻게 연결되는지 설명합니다.
설명과 사용법 보기
회사·브랜드 소개형 5종
일하는 기준 사진 3면
서로 다른 세 작업 장면과 짧은 설명으로 팀이 반복해서 지키는 세 가지 원칙을 행동 중심으로 보여줍니다.
설명과 사용법 보기
회사·브랜드 소개형 5종
팀 협업 인계 장면맵
한 작업물이 네 담당 구간을 거치는 장면과 책임 기준을 연결해 협업이 이어지는 방식을 보여줍니다.
설명과 사용법 보기
회사·브랜드 소개형 5종
공간 정체성 포토 노트
한 공간의 전체와 설비 세부를 세 운영 원칙과 연결해 장소의 표정이 만들어지는 이유를 설명합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 상품선택형 5종
대표 상품 포토 사양
대표 상품 한 장과 네 가지 선택 사실을 한 사양 시트로 묶어 첫 검토에 필요한 정보만 보여줍니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 상품선택형 5종
크기 선택 포토 스케일
한 장의 크기 비교 사진과 세 선택지를 연결해 숫자만으로 알기 어려운 상대 크기와 쓰임을 보여줍니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 상품선택형 5종
마감 선택 포토 보드
한 장의 소재 보드와 세 마감 설명을 연결해 색 이름보다 표면과 가장자리 차이를 먼저 비교하게 합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 상품선택형 5종
구성품 포토 플랫레이
한 장의 플랫레이 사진과 네 구성 항목을 대응시켜 세트에 무엇이 포함되는지 빠짐없이 설명합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 상품선택형 5종
주문 제작 포토 일정
한 장의 제작 사진과 네 일정 구간을 연결해 주문 확인부터 최종 안내까지 기다림의 이유를 설명합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 실무안내형 5종
재료 사실 포토 노트
한 장의 재료 사진과 세 사실을 원장처럼 연결해 재료 상태와 제작 순서를 설명합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 실무안내형 5종
공간 이용 포토 브리프
공간 전체 사진 아래에 세 이용 구역과 안전 경계를 붙여 방문 전 동선을 보여줍니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 실무안내형 5종
방문 준비 포토 브리프
체험 사진과 세 준비 항목을 한 장의 체크 시트로 묶어 방문 전 행동을 알립니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 실무안내형 5종
사용 후 관리 사진 단계
관리 사진 한 장과 네 순서를 연결해 완성품 사용 뒤 지킬 기본 관리법을 안내합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 실무안내형 5종
수령·배송 포토 브리프
현장 수령과 택배 배송의 사진과 조건을 나란히 비교해 완성품을 받는 방식을 고르게 합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 설명형 5종
장면 주석 노트
한 장의 현장 사진에서 확인할 세 지점을 번호와 짧은 외부 주석으로 연결합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 설명형 5종
이미지 작업범위 체크
점검 사진과 포함·제외 목록으로 문의 전에 가능한 작업 범위를 분명히 나눕니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 설명형 5종
세부 사진 캡션 3장
서로 다른 세 장의 세부 사진과 짧은 캡션으로 작업의 핵심 차이를 설명합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 설명형 5종
사진 FAQ 브리프
상담 장면 한 장 옆에 자주 묻는 세 질문과 답을 접지 않고 모두 보여줍니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 설명형 5종
사진 현재사실 스냅샷
한 장의 현재 운영 사진과 기준일이 있는 세 사실로 과장 없이 상태를 알립니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 에디토리얼 5종
파노라마 서비스 노트
서비스 세 가지를 짧은 메모로 정리하고 하나의 넓은 현장 이미지로 실제 연결 맥락을 보여줍니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 에디토리얼 5종
대표자 포트레이트 브리프
대표자 한 사람의 사진과 짧은 소개, 두 가지 책임 범위를 긴 인사말 없이 보여줍니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 에디토리얼 5종
두 장면 소개 노트
하나의 전체 작업 장면과 하나의 세부 장면으로 짧은 브랜드 소개와 세 가지 사실을 뒷받침합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 에디토리얼 5종
대표 글 커버 리드
대표 글 한 편만 이미지, 날짜, 짧은 설명과 읽기 행동으로 소개합니다.
설명과 사용법 보기
단순 이미지+콘텐츠 · 에디토리얼 5종
사진·한 문장 밴드
한 장의 넓은 이미지와 한 문장 인용, 출처 맥락만으로 부담 없이 신뢰를 더합니다.
설명과 사용법 보기
간단 홈페이지 · 핵심 5종
한눈에 사업소개
짧은 제목과 한 단락, 고객·지역 정보 두 가지로 무엇을 누구에게 제공하는지 소개합니다.
설명과 사용법 보기
간단 홈페이지 · 핵심 5종
간단 서비스 메뉴
서비스 네 가지를 이름, 한 줄 설명과 문의 전에 확인할 정보로 간결하게 나열합니다.
설명과 사용법 보기
간단 홈페이지 · 핵심 5종
세 가지 선택 이유
과장된 숫자나 아이콘 없이 고객이 선택할 실용적인 이유 세 가지를 한 줄 흐름으로 설명합니다.
설명과 사용법 보기
간단 홈페이지 · 핵심 5종
후기 한 장
후기 한 건을 큰 인용문과 이용 맥락, 서비스 정보로 나눠 부담 없이 신뢰를 더합니다.
설명과 사용법 보기
간단 홈페이지 · 핵심 5종
영업시간·연락 안내
영업시간, 전화와 위치를 한 화면에 모아 전화 또는 방문 행동으로 바로 연결합니다.
설명과 사용법 보기
서브페이지 · 산업·적용분야
산업·적용분야 내비게이터
네 산업을 운영 질문, 필요한 변화, 먼저 확인할 제약, 검토 경로와 증거로 비교해 맞는 적용 상세를 찾게 합니다.
설명과 사용법 보기
서브페이지 · 산업·적용분야
산업 적용 시나리오 도시어
한 산업의 반복 가능한 운영 장면을 네 관찰 렌즈와 세 적용 경계로 나눠 신호, 해석, 대응과 증거를 설명합니다.
설명과 사용법 보기
서브페이지 · 산업·적용분야
산업 요구조건 검토 원장
여섯 산업 요구조건을 근거, 확인 책임, 통과 기준과 상태로 관리해 인증 배지나 제품 사양과 분리합니다.
설명과 사용법 보기
서브페이지 · 산업·적용분야
산업 도입 준비 청사진
문제 정의부터 근거 확인, 제한 파일럿, 판정과 통제된 확산까지 다섯 사전 결정 게이트를 보여줍니다.
설명과 사용법 보기
서브페이지 · 산업·적용분야
산업 솔루션·증거 연결 경로
현재 산업 요구에서 제품·서비스 조합, 검증 자료와 상담 행동까지 네 노드와 세 연결 기준으로 이어줍니다.
설명과 사용법 보기
서브페이지 · 제품·솔루션 상세
제품군 결정 지도
네 사용 환경을 맞는 조건, 먼저 제외할 조건, 다음 확인 항목과 제품군 후보가 이어지는 경로로 설명합니다.
설명과 사용법 보기
서브페이지 · 제품·솔루션 상세
제품 모델 비교 원장
같은 제품군의 세 모델을 일곱 항목의 동일 단위와 선택 해석으로 비교해 숫자의 실제 의미를 읽게 합니다.
설명과 사용법 보기
서브페이지 · 제품·솔루션 상세
기술 사양 검토 시트
한 모델의 여덟 명목값을 단위, 측정 조건, 허용차와 정렬하고 네 운전 한계를 별도로 표시합니다.
설명과 사용법 보기
서브페이지 · 제품·솔루션 상세
적용 환경 호환성 매트릭스
다섯 사용 환경의 적합 상태, 필수 조건, 제외 조건과 현장 확인 자료를 같은 행에서 검토합니다.
설명과 사용법 보기
서브페이지 · 제품·솔루션 상세
제품 운영 지원 생애주기
설치 뒤 다섯 지원 단계를 시작 조건, 책임, 기록, 대응과 종료 조건으로 연결하고 지원 경계를 공개합니다.
설명과 사용법 보기
서브페이지 · 포트폴리오·프로젝트 사례
포트폴리오 프로젝트 인덱스
여덟 프로젝트를 기간, 분야, 수행 범위와 적합 상황으로 비교해 이미지보다 조건에 맞는 사례를 먼저 찾게 합니다.
설명과 사용법 보기
서브페이지 · 포트폴리오·프로젝트 사례
프로젝트 의사결정 서사
한 프로젝트를 과제, 마찰, 선택, 변화의 네 장과 측정 맥락, 해석 한계가 있는 결과로 기록합니다.
설명과 사용법 보기
서브페이지 · 포트폴리오·프로젝트 사례
프로젝트 범위·역할 매트릭스
다섯 업무 흐름에서 고객, 수행팀, 공동 책임과 인계 결과를 대조하고 제외 범위를 함께 공개합니다.
설명과 사용법 보기
서브페이지 · 포트폴리오·프로젝트 사례
프로젝트 결과 증빙철
한 프로젝트의 여섯 입력·결정·결과 자료를 출처, 기록일, 검토 상태와 공개 한계로 묶습니다.
설명과 사용법 보기
서브페이지 · 포트폴리오·프로젝트 사례
관련 프로젝트 탐색 경로
현재 사례와 연결되는 이유가 분명한 세 프로젝트, 이전·다음 사례와 상담 행동을 하나의 종료 경로로 제공합니다.
설명과 사용법 보기
서브페이지 · 사업소개·서비스 안내
사업구조 아키텍처
한 공통 운영 기반과 네 사업영역의 역할, 연결 조건, 남는 결과를 청사진 구조로 설명합니다.
설명과 사용법 보기
서브페이지 · 사업소개·서비스 안내
사업분야 운영 시트
한 사업분야의 적합 대상, 네 책임 범위, 세 결과물과 제외 범위를 한 장의 운영 시트로 공개합니다.
설명과 사용법 보기
서브페이지 · 사업소개·서비스 안내
서비스 사양 원장
여섯 서비스 사양을 제공 기준과 확인 방법, 포함·제외 범위, 기준일과 함께 검토하게 합니다.
설명과 사용법 보기
서브페이지 · 사업소개·서비스 안내
서비스 수행 스윔레인
다섯 단계의 고객 역할, 수행팀 역할, 결정 게이트와 결과물을 하나의 시간축에 맞춥니다.
설명과 사용법 보기
서브페이지 · 사업소개·서비스 안내
사업실적 검증 레지스터
여섯 실적의 기간, 분야, 수행 역할, 범위, 상태와 확인 자료를 같은 기준선에서 기록합니다.
설명과 사용법 보기
서브페이지 · 회사소개 기본
대표 인사말 에디토리얼
한 인물 사진과 장문 서신, 세 가지 책임 약속, 서명 정보와 작성 시점을 한 장의 읽기 흐름으로 구성합니다.
설명과 사용법 보기
서브페이지 · 회사소개 기본
회사개요 팩트 원장
여덟 개 현재 사실과 세 운영 범위, 정보 기준일을 분리해 회사의 공식 현황을 검토 가능한 원장으로 보여줍니다.
설명과 사용법 보기
서브페이지 · 회사소개 기본
시대별 회사 연혁 아카이브
긴 연혁을 세 시대와 여섯 사건으로 묶고 각 사건이 만든 변화와 확인 자료를 함께 기록합니다.
설명과 사용법 보기
서브페이지 · 회사소개 기본
조직·책임 운영맵
한 리더십 아래 네 부문과 여덟 팀의 계층, 담당 범위, 최종 책임을 함께 보여주는 상세 조직도입니다.
설명과 사용법 보기
서브페이지 · 회사소개 기본
오시는 길·교통 안내
주소와 운영시간, 세 기준 지점, 세 교통 경로, 주차·접근성·방문 조건을 한 장의 읽을 수 있는 약도로 정리합니다.
설명과 사용법 보기
메인페이지 · 사람·소식·전환
기업문화 포토 리본
한 협업 파노라마를 네 개의 세로 리본으로 이어 보여주고 각 장면에 관찰 가능한 업무 원칙을 붙입니다.
설명과 사용법 보기
메인페이지 · 사람·소식·전환
채용·직무 패스웨이
세 직무의 책임과 하루 리듬을 네 단계 채용 경로와 분리해 지원자가 역할과 절차를 함께 판단하게 합니다.
설명과 사용법 보기
메인페이지 · 사람·소식·전환
프로그램 미리보기 스위치보드
게시판·블로그·갤러리·제품을 반복 카드가 아닌 네 가지 고유한 미리보기 면으로 한 화면에 연결합니다.
설명과 사용법 보기
메인페이지 · 사람·소식·전환
FAQ·문의 스위치보드
세 FAQ를 네이티브 펼침 요소로 확인한 뒤 남은 질문을 상황별 세 문의 경로로 나눕니다.
설명과 사용법 보기
메인페이지 · 사람·소식·전환
연락·오시는 길 전폭 CTA
큰 주소 레일 아래 세 연락 수단과 세 도착 단계를 결합해 문의 또는 방문으로 홈페이지를 완결합니다.
설명과 사용법 보기
메인페이지 · 근거·신뢰·네트워크
KPI 스토리 밴드
네 가지 핵심 수치를 변화 전후, 측정 정의, 기간, 확인 자료가 이어지는 하나의 가로 밴드로 설명합니다.
설명과 사용법 보기
메인페이지 · 근거·신뢰·네트워크
파트너 생태계 오비트
한 운영 중심과 여섯 파트너 역할을 관계망으로 연결해 각자가 주고받는 기여와 협업 경계를 보여줍니다.
설명과 사용법 보기
메인페이지 · 근거·신뢰·네트워크
인증·수상 문서 월
여섯 인증·수상 기록을 발행 주체, 적용 범위, 검토 시점과 상태가 보이는 비대칭 문서 벽으로 정리합니다.
설명과 사용법 보기
메인페이지 · 근거·신뢰·네트워크
대표성과 핀 스택
세 대표사례를 문제, 바꾼 방식, 남은 결과, 확인 자료가 모두 보이는 중첩 시트로 차례로 읽게 합니다.
설명과 사용법 보기
메인페이지 · 근거·신뢰·네트워크
전국·글로벌 네트워크 맵
다섯 거점을 지도 좌표로 배치하고 위치와 함께 역할, 지원 범위, 연결 방식을 읽게 합니다.
설명과 사용법 보기
메인페이지 · 정체성과 사업 이해
브랜드 매니페스토 스테이지
큰 브랜드 선언을 세 가지 행동 원칙과 두 가지 확인 신호로 연결하는 전폭형 스테이지입니다.
설명과 사용법 보기
메인페이지 · 정체성과 사업 이해
회사 스냅샷 에디토리얼
회사 소개를 네 가지 현재 사실과 세 번의 변화로 빠르게 읽게 하는 비대칭 편집형 구성입니다.
설명과 사용법 보기
메인페이지 · 정체성과 사업 이해
사업영역 타이포 인덱스
네 사업영역을 카드 대신 큰 번호와 질문·결과가 이어지는 인덱스로 탐색하게 합니다.
설명과 사용법 보기
메인페이지 · 정체성과 사업 이해
솔루션 스토리 스티키
고정된 판단 안내 옆으로 진단·적용·인계 세 장면이 이어져 솔루션의 작동 방식을 설명합니다.
설명과 사용법 보기
메인페이지 · 정체성과 사업 이해
오퍼 패밀리 스냅 레일
네 제품군·서비스군을 서로 다른 쓰임과 시작 조건으로 비교하며 가로로 탐색하게 합니다.
설명과 사용법 보기
이미지 탐색·비교
포트폴리오 필터 갤러리
서로 다른 여섯 프로젝트를 이미지와 용도별 필터로 탐색하며 한눈에 작업 범위를 파악하게 합니다.
설명과 사용법 보기
이미지 탐색·비교
이미지 아코디언 쇼케이스
네 장면을 펼침 패널로 연결해 공간·프로그램의 분위기와 핵심 정보를 단계적으로 살펴보게 합니다.
설명과 사용법 보기
이미지 탐색·비교
제품 상세 갤러리
하나의 제품을 전체·디테일·사용·패키지 네 시점으로 확인하고 구매에 필요한 사실을 함께 판단하게 합니다.
설명과 사용법 보기
이미지 탐색·비교
공간 투어 갤러리
입구부터 테라스까지 네 공간을 실제 이동 순서로 따라가며 장소의 관계와 이용 정보를 이해하게 합니다.
설명과 사용법 보기
이미지 탐색·비교
고객 포트레이트 스토리
세 고객의 환경 포트레이트와 도입 전 상황·선택 이유·변화를 연결해 실제 목소리를 구체적으로 보여줍니다.
설명과 사용법 보기
이미지 탐색·비교
이미지 스토리 스플릿
한 장의 현장 이미지를 넓게 보여주고 제작 이야기와 세 가지 사실을 같은 장면 안에서 읽게 합니다.
설명과 사용법 보기
선택과 과정
서비스 장면 카드 그리드
서로 다른 세 현장 장면에 서비스 범위, 예상 시간, 완료 결과를 붙여 필요한 서비스를 이미지로 고르게 합니다.
설명과 사용법 보기
이미지 탐색·비교
프로젝트 사례 스포트라이트
한 프로젝트의 전체 장면과 두 세부 장면을 문제·실행·결과 기록에 연결해 사례를 깊이 있게 보여줍니다.
설명과 사용법 보기
이미지 탐색·비교
과정 사진 타임라인
네 장의 작업 사진을 실제 순서로 이어 단계마다 확인할 장면과 남는 결과물을 함께 설명합니다.
설명과 사용법 보기
이미지 탐색·비교
팀 역할 포트레이트 그리드
네 명의 인물 사진에 역할과 책임, 어떤 질문으로 연결하면 되는지를 붙여 담당 범위를 분명히 합니다.
설명과 사용법 보기
홍보·캠페인
이미지 캠페인 빌보드
한 장의 배경 이미지 위에 캠페인 설명, 일정과 한 가지 행동을 명확하게 겹쳐 보여줍니다.
설명과 사용법 보기
홍보·캠페인
제품 오퍼 스테이지
대표 제품 사진을 크게 두고 가격, 포함 구성, 구매 조건을 옆의 정보판에서 함께 판단하게 합니다.
설명과 사용법 보기
이미지 탐색·비교
카테고리 이미지 모자이크
크기가 다른 네 장면을 하나의 모자이크로 엮어 제품군·공간·콘텐츠 카테고리를 이미지로 탐색하게 합니다.
설명과 사용법 보기
이미지 탐색·비교
비포·애프터 증거 스플릿
같은 시점의 전후 이미지와 변경 내용을 나란히 놓아 실제로 무엇이 달라졌는지 설명합니다.
설명과 사용법 보기
홍보·캠페인
행사 포스터 레일
행사 대표 이미지를 포스터처럼 크게 보여주고 날짜, 장소, 프로그램과 예약 행동을 정보 레일로 정리합니다.
설명과 사용법 보기
선택과 과정
질문형 서비스 경로 인덱스
서비스 이름을 모르더라도 고객의 현재 질문에서 시작해 맞는 서비스와 기대 결과로 연결합니다.
설명과 사용법 보기
근거
근거 맥락 신뢰 벨트
인증과 운영 기준 같은 신뢰 신호를 적용 범위, 확인 출처, 검토 시점과 함께 보여줍니다.
설명과 사용법 보기
선택과 과정
변화 중심 회사 연혁
연도와 사건을 나열하기보다 각 시기에 무엇이 달라졌고 어떤 자료가 남아 있는지를 설명합니다.
설명과 사용법 보기
근거
미디어 챕터 캐스케이드
서로 다른 이미지와 설명을 세 개의 연속 챕터로 엮어, 서비스가 실제로 진행되는 장면과 의미를 함께 보여줍니다.
설명과 사용법 보기
운영과 전환
문서 다운로드 데스크
핵심 자료 세 건을 파일 형식, 개정 정보, 내용 설명, 개별 열기 행동과 함께 제공합니다.
설명과 사용법 보기
선택과 과정
효과 중심 기능 지도
기능 이름을 작동 방식과 고객의 변화, 확인 가능한 근거까지 이어서 설명합니다.
설명과 사용법 보기
근거
근거 수치 장부
큰 숫자마다 측정 정의와 기간, 근거 자료를 붙여 방문자가 수치의 조건을 함께 확인하게 합니다.
설명과 사용법 보기
근거
역할 중심 팀 디렉터리
얼굴과 직함보다 각 역할의 책임, 결정 범위, 연결 시점을 먼저 설명합니다.
설명과 사용법 보기
근거
변화 맥락 고객 목소리
별점이나 짧은 칭찬 대신 사용 상황, 이전의 어려움, 요구, 달라진 설계를 한 기록으로 보여줍니다.
설명과 사용법 보기
선택과 과정
범위 중심 플랜 비교
가격 카드 대신 추천 대상, 견적 기준, 포함·제외 범위, 예상 일정을 같은 표에서 비교합니다.
설명과 사용법 보기
뼈대
길찾기 헤더
브랜드와 현재 위치, 핵심 이동 경로, 그리고 지금 눌러야 할 하나의 버튼을 조용하게 배치합니다.
설명과 사용법 보기
뼈대
맥락 서브헤더
큰 제목으로 화면을 채우는 대신 현재 위치와 이 페이지의 역할, 핵심 사실을 한 화면에서 설명합니다.
설명과 사용법 보기
뼈대
신뢰 푸터
회사 정보와 연락 경로, 페이지 목록, 사업자·법적 표시를 페이지 끝에서 확인하게 합니다.
설명과 사용법 보기
첫인상
설명 우선 히어로
멋진 한 문장 대신 제공 범위와 비용, 다음에 할 일을 첫 화면에서 바로 설명합니다.
설명과 사용법 보기
첫인상
프레임 리빌 히어로
절제된 설명과 서로 다른 업무 장면 3장을 프레임 전환으로 연결하고, 상담 전에 확인할 사실을 하단 레일에 정리합니다.
설명과 사용법 보기
첫인상
파노라마 트랙 히어로
숙소와 공간의 서로 다른 장면 3장을 넓은 파노라마로 연결하고, 방문자가 원하는 장면을 직접 고르게 합니다.
설명과 사용법 보기
첫인상
분할 내러티브 히어로
산업 현장의 서로 다른 장면 3장과 의사결정 정보를 좌우로 나누어, 서비스의 역할을 짧고 구체적으로 설명합니다.
설명과 사용법 보기
첫인상
깊이 스택 히어로
제품과 성분, 실제 사용 장면 3장을 깊이감 있는 카드로 겹쳐 상품의 사용 순서와 근거를 보여줍니다.
설명과 사용법 보기
첫인상
커튼 스토리 히어로
제철 재료와 조리하는 손, 완성된 한 접시를 커튼처럼 여는 장면 전환으로 이어 식당의 이야기를 설명합니다.
설명과 사용법 보기
첫인상
결정 기준 인트로
주제를 꾸미는 대신 방문자가 무엇을 기준으로 판단하면 되는지, 어떤 순서로 읽으면 되는지를 제시합니다.
설명과 사용법 보기
근거
이미지·설명 근거
이미지와 설명을 실제 과정·결과물에 연결해, 보기 좋은 사진이 아니라 확인할 수 있는 근거로 보여줍니다.
설명과 사용법 보기
근거
범위 증명 스트립
어디까지 해주는지, 조건은 무엇인지를 과장 없이 한눈에 비교할 수 있게 정리합니다.
설명과 사용법 보기
근거
변화 사례 갤러리
사례 이미지를 «무엇이 문제였고 무엇이 달라졌는지» 설명과 묶어 보여줍니다.
설명과 사용법 보기
근거
성과 사례 목록
분위기 사진 대신 문제와 바뀐 운영 방식을 짝으로 묶어 사례를 탐색하게 합니다.
설명과 사용법 보기
선택과 과정
선택 기준 매트릭스
서비스 이름보다 현재 문제, 맞는 조건, 기대할 수 있는 결과를 나란히 놓고 비교하게 합니다.
설명과 사용법 보기
선택과 과정
서비스 범위 플래너
공사 이름보다 공간별 불편과 원하는 변화를 먼저 고르게 해, 상담에 필요한 범위를 스스로 정리하게 합니다.
설명과 사용법 보기
선택과 과정
예산 범위 가이드
정액 가격처럼 보이지 않게 견적을 바꾸는 조건과 상담 전에 준비할 정보를 함께 설명합니다.
설명과 사용법 보기
선택과 과정
솔루션 브리프
적용 조건과 기대 변화를 중심으로 상품·솔루션을 비교하고 상세 검토로 이어지게 합니다.
설명과 사용법 보기
선택과 과정
진행 단계 레일
단계마다 «무엇이 나오고 무엇이 확정되면 다음으로 넘어가는지»를 적어 진행 상황을 예측할 수 있게 합니다.
설명과 사용법 보기
운영과 전환
최근 콘텐츠 스포트라이트
대표 글 한 편은 이미지와 설명으로 충분히 보여주고, 최근 글은 간결한 읽기 레일로 이어 홈페이지와 운영 프로그램을 연결합니다.
설명과 사용법 보기
운영과 전환
읽기 우선 글 목록
카드 장식보다 주제·제목·핵심 설명·날짜의 읽기 순서로 글을 찾게 합니다.
설명과 사용법 보기
운영과 전환
게시판
글을 주제와 질문 중심으로 탐색하고 상세 읽기와 글쓰기로 이어지게 하는 게시판입니다.
설명과 사용법 보기
운영과 전환
상담 신청 폼
문의 전에 필요한 정보와 접수 이후 순서를 함께 설명해, 빈 칸만 있는 폼보다 신청률이 떨어지지 않게 합니다.
설명과 사용법 보기
운영과 전환
결정형 자주 묻는 질문
답을 접어 숨기지 않고 질문·짧은 결론·판단 조건을 한 줄에서 함께 읽게 합니다.
설명과 사용법 보기
운영과 전환
지역·방문 안내
서비스 가능 지역과 방문 방식, 상담 준비 자료, 연락 경로를 한곳에서 확인하게 합니다.
설명과 사용법 보기
운영과 전환
다음 단계 패널
결과가 분명한 하나의 우선 행동과, 부담이 낮은 보조 행동을 함께 제시합니다.
설명과 사용법 보기제작할 때는 그대로 복사하지 않습니다
블록은 출발점이고, 완성은 콘텐츠에 맞춘 조정입니다.
공개 페이지에서는 블록의 이미지와 활용 정보만 제공합니다. 실제 제작에서는 고객의 업종·내용·브랜드에 맞춰 구조를 조정하고 필요한 기능과 연결합니다.
