Visit Demo →

크리에이티브 밴드의 3번째 워드프레스 테마 크리에이티브 스크롤(Creative Scroll)을 소개합니다. 풀페이지 스크롤링 UI가 적용된 Creative Scroll은 브런치 어플리케이션과 같은 사용자 경험을 웹사이트를 통해서 제공할 수 있습니다.

Creative Scroll WordPress Magazine Theme 크리에이티브 스크롤 워드프레스 매거진 테마 by Creative Band 크리에이티브 밴드
Creative Scroll WordPress Magazine Theme 크리에이티브 스크롤 워드프레스 매거진 테마 by Creative Band 크리에이티브 밴드

Fullpage Scrolling UI

Creative Scroll(크리에이티브 스크롤)은 fullpage.js를 메인 콘텐츠 목록에 적용한 워드프레스 테마입니다. Fullpage Scrolling UI가 적용되어 있기 때문에 사이트 방문자는 손가락을 위·아래로 Flick(플릭)하는 것만으로도 쉽게 새로운 콘텐츠를 확인할 수 있습니다.

데스크톱 환경에서는 마우스 휠이란 키보드의 방향키를 이용하여 콘텐츠 이동이 가능합니다. 물론 메인페이지 우측 중앙에 나타나는 닷 내비게이션을 클릭해도 이동할 수 있습니다.

아래 영상은 실제 사용자가 모바일 디바이스에서 플릭하는 것을 녹화한 영상입니다.

Mobile, too!

Creative Scroll은 모바일 환경에서의 사용자 경험에 초점을 맞춰서 제작되었습니다. 하지만 크리에이티브 밴드의 반응형 웹사이트 전략은 Mobile First가 아닌 Mobile, too! 입니다. 여전히 50% 내외의 트래픽은 PC를 통해서 발생되고 있기 때문이죠. Fullpage Scrolling UI는 모바일 디바이스와 같은 작은 디스플레이에서는 매우 효과적이지만, 데스크톱 환경과 같은 대형 모니터에서는 부적절할 수 있습니다. 이를 해결하기 위하여 PC로 접속하는 사용자를 위하여 5가지의 메인 루프 콘텐츠 레이아웃을 제공하고 있습니다.

Normal Layout

모바일에서 보여지는 레이아웃과 동일합니다. 모든 레이아웃에서 사용자는 제목 글자의 색을 선택할 수 있습니다.

Creative Scroll by Creative Band

Quote Layout

인용구를 메인 루프에 표시할 수 있습니다.

Creative Scroll by Creative Band

Excerpt Layout

화면을 2개의 영역으로 나눠서 한쪽 영역은 특성이미지를, 다른 한쪽에서는 콘텐츠의 타이틀과 요약문 등의 메타 정보를 표시합니다. 사용자는 제목 글자의 색과 배경색을 선택할 수 있습니다.

Creative Scroll by Creative Band

Content Layout

Excerpt Layout과 동일하지만, 콘텐츠 메타 정보가 아닌 실제 콘텐츠의 앞부분을 노출하는 방법입니다.

Creative Scroll by Creative Band

Video Layout

비디오 레이아웃은 특성이미지가 아닌 영상 콘텐츠를 노출하는 방식입니다. 유투브나 비메오의 동영상을 게시할 수는 없으며, video 태그를 사용하여 표시할 수 있습니다.

Card News Post Format

주요한 이슈를 이미지와 간략한 텍스트로 정리한 ‘카드뉴스’는 모바일 시대에 가장 효과적인 콘텐츠 제공 방식입니다. Creative Scroll 워드프레스 테마는 “카드 뉴스(Card News)” 포스트 포맷을 제공하고 있으며, 준비된 이미지를 카드 뉴스 메타 박스에 “드래그 & 드롭(Drag & Drop)” 하는 것 만으로도 카드 뉴스 포맷의 콘텐츠 생성이 가능합니다.

Creative Scroll by Creative Band
Creative Scroll by Creative Band

테마 구매 문의하기