첫인상 · BLOCK TEMPLATE

분할 내러티브 히어로

산업 현장의 서로 다른 장면 3장과 의사결정 정보를 좌우로 나누어, 서비스의 역할을 짧고 구체적으로 설명합니다.

제조·기술3장 분할 전환판단 기준
목록으로 돌아가기
분할 내러티브 히어로 블록 화면

블록 활용 가이드

어떤 역할이고, 어디에 어떻게 쓰는지

첫 화면에서 방문자가 이해해야 할 것은 분위기가 아니라 «여기가 무엇을 해주는 곳인가»입니다. 세 블록이 설명과 실제 업무 장면, 판단 기준을 맡습니다.

01

이 블록이 맡는 역할

산업 현장의 서로 다른 장면 3장과 의사결정 정보를 좌우로 나누어, 서비스의 역할을 짧고 구체적으로 설명합니다.

02

어디에 배치하나요

제조·기술·B2B 솔루션 기업 사이트의 홈페이지 첫 화면에 배치합니다.

03

어떻게 사용하나요

현장·사람·운영 신호를 보여주는 사진 3장과 고객이 판단할 핵심 기준 3가지를 연결합니다.

적용할 때 준비할 내용

샘플을 그대로 쓰지 않고 실제 콘텐츠로 바꿉니다.

  1. 문구와 사실회사·서비스·사례에서 실제로 확인할 수 있는 내용을 준비합니다.
  2. 연결할 행동상담, 상세 보기, 신청처럼 이 블록 다음에 이어질 행동을 하나 정합니다.
  3. 브랜드 표현사이트 스킨의 색·글꼴·여백에 맞춰 블록을 자연스럽게 조정합니다.

블록은 조합해서 사용합니다

이 블록을 사이트 흐름에 맞게 연결해 드립니다.

필요한 콘텐츠와 기능을 확인한 뒤 다른 블록, 사이트 스킨과 어울리도록 조정합니다.

AI 상담원과 실시간 상담