Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

개요

  • 웹 표준 제품은 각 섹션별 순서 및 디자인 일부 커스텀이 가능합니다.

  • UI/UX 선택사항 문서를 다운로드해서 각 시트별 선택 사항을 기입한 후 버즈빌 연동 담당자에게 전달해 주세요.

제품 구조

  • 섹션 순서를 자유롭게 배치 가능합니다.

  • 1page, 2page 형태로 섹션에서 페이지로 이동하도록 다양한 구성 가능합니다.

Drawio sketch
mVer2
zoom1
simple0
inComment0
custContentId3605627845
pageId3605889128
lbox1
diagramDisplayName버즈베네핏 웹 구조
contentVer1
revision1
baseUrlhttps://buzzvil.atlassian.net/wiki
diagramName버즈베네핏 웹 구조
pCenter0
width820
links
tbstyle
height917.109375

Buzzbenefit Web UI

모든 UI는 ON/OFF가 가능하며, 각 섹션 별로 별도로 구성이 가능합니다.

섹션은 자유롭게 순서를 변경하여 매체사에 적합한 Buzzbenefit Web으로 커스텀 할 수 있습니다.

공통영역

...

문의하기

  • 문의하기 진입점 UI를 매체사의 스타일에 맞게 상단바와 플로팅 버튼으로 선택이 가능합니다.

...

  • 원하는 포인트 단위를 설정 할 수 있습니다.

  • ex) P, 원, C 등등

프로모션 섹션

...

출석체크(클릭형)

  • 화면에서 리워드 받기 버튼만 클릭하여도 바로 출석이 되는 출석체크 형태입니다.

  • 빠르게 출석체크를 할 수 있다는 장점이 있습니다.

  • 캘린더형과 클릭형은 둘 중 한 가지만 적용이 가능합니다.

...

  • 링크로 이동되는 형태의 배너를 운영할 수 있는 UI입니다.

  • 클릭형 출석체크와 함께 운영하면 두 개의 UI가 모두 노출이 되고, 캘린더형 출석체크와 함께 운영을 한다면 하나의 UI에서 여러 배너가 롤링되는 형태로 적용됩니다.

광고 섹션

...

섹션 타이틀

  • 받을 수 있는 전체 포인트를 보여줄 수 있고 원하는 타이틀 설정이 가능합니다.

    • 포인트 표기가 필요 없다면 포인트 표기 없이 타이틀만 설정할 수도 있습니다.

...

  • Buzzbenefit Web을 2depth 이상으로 구성할 때 설정하는 버튼입니다.

  • 원하는 광고 섹션만 더 보기 버튼을 추가할 수 있고, 더 보기 클릭 시 다른 페이지로 이동됩니다.

  • 2depth 이상의 페이지 구성을 원하신다면 연동 담당자에게 UI 선택 사항을 페이지별로 구성하여 전달해 주시면 커스텀이 가능합니다.

시트

https://docs.google.com/spreadsheets/d/1v6cWquLuxazkMB0CczbdXl2GAhHU0xn3JAIQgWF9N941rxG-xRR1DAVFZ7NFfexj765UqAVuK3tO_9jnda-zKW4/edit?gid=1778930689#gid1431984558#gid=17789306891431984558