메인 비주얼 슬라이더 추가 5종 · BLOCK TEMPLATE

프로젝트 모자이크 슬라이더

하나의 프로젝트 이미지를 서로 다른 크기와 초점의 세 프레임으로 나누고 범위·연도·상세 링크를 증거형 캡션에 담는 메인 비주얼입니다.

메인 비주얼 슬라이더프로젝트 모자이크과정·범위·상세보기
목록으로 돌아가기
프로젝트 모자이크 슬라이더 블록 화면

블록 활용 가이드

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

전체 화면 안에서 사진과 제목만 반복하지 않고 인셋 프레임, 큰 검색 진입점, 디데이 티켓, 전시 편집면, 세 장면 모자이크를 각각 독립된 한국형 홈페이지 문맥으로 구성합니다. 장면별 텍스트·이미지·정보면이 함께 전환되며 줄임 동작과 수동 장면 선택을 지원합니다.

01

이 블록이 맡는 역할

하나의 프로젝트 이미지를 서로 다른 크기와 초점의 세 프레임으로 나누고 범위·연도·상세 링크를 증거형 캡션에 담는 메인 비주얼입니다.

02

어디에 배치하나요

건축·인테리어·제작·연구 포트폴리오 첫 화면에서 완성 사진 하나보다 과정과 관찰의 밀도를 강조할 때 배치합니다.

03

어떻게 사용하나요

같은 프로젝트의 검증된 장면과 실제 수행 범위·연도를 사용하고 연출 이미지를 고객 납품 실적이나 현장 증빙으로 게시하지 않습니다.

적용할 때 준비할 내용

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

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

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

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

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

AI 상담원과 실시간 상담