첫인상 · BLOCK TEMPLATE

프레임 리빌 히어로

절제된 설명과 서로 다른 업무 장면 3장을 프레임 전환으로 연결하고, 상담 전에 확인할 사실을 하단 레일에 정리합니다.

기업·전문서비스3장 프레임 애니메이션업무 장면
목록으로 돌아가기
프레임 리빌 히어로 블록 화면

블록 활용 가이드

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

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

01

이 블록이 맡는 역할

절제된 설명과 서로 다른 업무 장면 3장을 프레임 전환으로 연결하고, 상담 전에 확인할 사실을 하단 레일에 정리합니다.

02

어디에 배치하나요

기업·전문서비스 사이트의 홈페이지 첫 화면에 배치합니다.

03

어떻게 사용하나요

서로 다른 실제 업무 장면 3장과 한 가지 전환 문법을 사용하고, 제목은 서비스 설명 중심으로 짧게 정리합니다.

적용할 때 준비할 내용

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

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

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

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

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

AI 상담원과 실시간 상담