이 블록이 맡는 역할
서로 다른 여섯 프로젝트를 이미지와 용도별 필터로 탐색하며 한눈에 작업 범위를 파악하게 합니다.
이미지 탐색·비교 · BLOCK TEMPLATE
포트폴리오 필터 갤러리
서로 다른 여섯 프로젝트를 이미지와 용도별 필터로 탐색하며 한눈에 작업 범위를 파악하게 합니다.
블록 활용 가이드
어떤 역할이고, 어디에 어떻게 쓰는지
같은 크기의 텍스트 카드 대신 이미지의 크기와 관계를 이용해 카테고리를 찾거나 전후 변화를 구체적으로 비교합니다.
어디에 배치하나요
포트폴리오·프로젝트 목록 첫 구간에서 대표 사례를 분야별로 훑어보게 할 때 배치합니다.
어떻게 사용하나요
각 프로젝트를 실제로 구분하는 사진과 정확한 분야 태그를 사용하고, 필터를 거쳐도 모든 사례가 문서 안에 남게 합니다.
적용할 때 준비할 내용
샘플을 그대로 쓰지 않고 실제 콘텐츠로 바꿉니다.
- 문구와 사실회사·서비스·사례에서 실제로 확인할 수 있는 내용을 준비합니다.
- 연결할 행동상담, 상세 보기, 신청처럼 이 블록 다음에 이어질 행동을 하나 정합니다.
- 브랜드 표현사이트 스킨의 색·글꼴·여백에 맞춰 블록을 자연스럽게 조정합니다.
블록은 조합해서 사용합니다
이 블록을 사이트 흐름에 맞게 연결해 드립니다.
필요한 콘텐츠와 기능을 확인한 뒤 다른 블록, 사이트 스킨과 어울리도록 조정합니다.
