브랜딩 고도화, ‘섹션’ 영역 커스텀 기능 추가

브랜딩 고도화, ‘섹션’ 영역 커스텀 기능 추가
우선순위, 우선순위는 언제 정할까요?
해야할 일이나 하고 싶은 말이 많아 '처음'을 가려야할 때 쓰입니다.

팬들이 비스테이지를 방문했을 때 가장 처음 보는 화면, 메인 홈(Main Home).
이곳의 우선순위를 정할 수 있는 '섹션' 영역이 추가되었습니다. 콘텐츠/상품/피드/배너/브랜드 커버/위젯 등을 메인 홈에 섹션으로 추가해, 팬덤 비즈니스에서 주요 이벤트를 배치할 수 있어요. 섹션과 콘텐츠의 우선순위를 매겨, 비스테이지의 첫 화면을 자유롭게 디자인해 보세요.
 

---

‘섹션’ 영역을 소개합니다

• 최신 콘텐츠인 ‘피드’로 구성돼 있던 메인 홈에 ‘섹션’ 영역이 추가 됐어요.
• ‘섹션’ 영역의 구성은 콘텐츠, SHOP의 상품, 최신 콘텐츠의 피드, 슬라이드 배너 등이 템플릿으로 제공되고, 이들 사이는 디바이더(라인)로 구분할 수 있어요. 
• 기본 1개였던 브랜드 커버를 추가로 소셜 링크 연결이나 버튼을 이곳저곳에 배치하는 것도 가능해요.
• 위젯으로 X(트위터)의 소셜 연동도 가능해요.
• 섹션 그 자체와 섹션 내 콘텐츠를 모두 자유롭게 이동시키며 커스텀할 수 있어요.

사용 방법을 간단히 알려드릴게요
STEP1. 관리자 페이지 - [메인 홈] 진입

관리자 페이지 - [메인 홈]에 진입해 미리보기 영역에 마우스를 갖다 대면(  +  ) 버튼이 나와요. 이를 클릭해 섹션 추가를 시도하세요.


STEP2. 섹션 추가 및 상세 편집

콘텐츠 종류별, 디자인별, 위젯별 추가할 수 있는 섹션 영역이 나와요. 그리고 이를 하나씩 [섹션 편집]해 보세요. 모든 섹션이 모바일/PC를 다르게 디자인할 수 있어요.

- CONTENT의 콘텐츠를 가로형 리스트/세로형 리스트로, 스타 스토리의 하이라이트를 섹션으로 추가할 수 있어요. 이때 대표 이미지, 타이틀, 설명, 링크 등을 세부 설정해 보세요. 

• 상품

- SHOP의 ‘상품’ 역시 가로형 리스트/세로형 리스트로 섹션 추가를 할 수 있어요. 
- 이때 설명,가격,링크, 썸네일 등을 ON/OFF해, 메인 홈에 노출 여부를 결정해 보세요. 

 

 

• 배너

- 12개까지 배너를 추가해 슬라이드로 넘겨볼 수 있어요. 배너 크기 및 전환 효과 등을 따로 설정해 보세요. 
- 배너 섹션이 추가돼 있다면 설정된 배너가 없더라도 위치를 유지하고 섹션이 노출돼요. 배너 이미지가 없을 때, 배너 섹션을 삭제하거나 배너 이미지를 추가해 주세요.

 

- 비스테이지의 개성을 이미지, 동영상을 활용해 보여줄 수 있는 브랜드 커버 영역이에요. 로고, 소개글, 소셜 링크, 버튼 등을 함께 설정해 보세요.

- 라인으로 섹션 사이를 구분해 보세요.
 

- 사용 중인 X (트위터) 계정의 소셜 연동으로, X에 올라온 소식 내 비스테이지에서 바로 띄울 수 있어요. 비스테이지를 콘텐츠 허브로 만들어, 소셜의 화제성까지 옮겨 보세요.


STEP3. 완성
‘섹션’ 영역의 추가로 만들어진 예시를 보여드려요.

활용 예시1. 팝 밴드 원아일랜드, 이 밴드와 관련된 모든 소식을 비스테이지 하나만 방문하면 볼 수 있도록 했어요. 특히, X(트위터)의 소셜 연동으로 실시간 소식을 비스테이지에서도 확인할 수 있어요.

활용 예시2. 월드 투어 중인 원아일랜드! 팬덤 비즈니스 운영 초점을 ‘월드 투어’로 두고 비스테이지 메인 홈에 자체 콘텐츠인 ‘Behind the Scenes at 2023 World Tour’을 전면에 노출해 두었습니다.