플랫폼 · Vote

투표

행사 · 매장이 여는 투표에 QR 스캔 한 번으로 참여하는 페이지입니다. 30초 안에 끝나는 1회성 경험이므로, 후보를 고르고 투표하고 결과를 보는 세 단계 외에는 아무것도 두지 않습니다.

사용자
행사 · 매장에서 QR을 스캔한 방문객
기기
모바일 브라우저
기준 해상도
320 – 430px
도메인
vote.ongi.site

대표 화면 — 투표 · 결과

후보를 고르고 투표하면 결과 화면으로 바뀝니다.

9:41
진행 중

성수 가을 푸드 페스티벌

오늘의 베스트 부스는?

오늘 21:00 마감 1,283명 참여

투표 후에는 선택을 바꿀 수 없어요

화면 구성

화면진입핵심 요소
투표QR · 공유 링크 · 이벤트 페이지 배너진행 상태 배지 · 주최 · 질문 22px · 마감 시각 · 참여 수 → 후보 카드 → 하단 고정 CTA
결과투표 직후 · 이미 투표한 사람의 재방문완료 안내 · 후보별 비율 막대 · 득표 수 · 내 선택 · 1위 표시
마감마감 시각 이후최종 결과 · 1위 강조 · ‘투표가 끝났어요’ 안내 · 공유
예정시작 시각 이전시작 시각 · 후보 미리보기 · 알림 받기

투표 규칙 표기

규칙표기 위치문구 예
1인 1회CTA 바로 위 한 줄투표 후에는 선택을 바꿀 수 없어요
복수 선택질문 아래 보조 문구 + 선택 수 카운터최대 3개까지 고를 수 있어요 (2/3)
결과 공개 시점결과 영역 자리결과는 마감 후 21:00에 공개돼요
중복 방지 기준투표 화면 하단 안내휴대폰 번호 인증 1회당 1표
결과 비율은 반올림으로 합이 100%가 아닐 수 있으니, 비율 옆에 득표 수를 함께 보여줘 오해를 막습니다.

플랫폼 토큰

항목값
data-platform"vote"
밀도Mobile
기본 컨트롤 높이 (md)48px
기본 본문 크기15px
최소 터치 영역44px
결과 막대높이 10px · 내 선택은 brand, 나머지는 emphasis · 1위는 텍스트로만 강조

핵심 패턴

이렇게 하세요

  • CTA에 고른 후보 이름을 넣어 한 번 더 확인
  • 투표 직후 같은 화면에서 결과로 전환
  • 마감 시각을 절대 시각(21:00)으로 표기

이렇게 하지 마세요

  • 투표 전 결과 비율 노출로 쏠림 유발
  • 후보 순서를 득표순으로 정렬한 투표 화면
  • 투표 확인용 모달을 한 번 더 띄우기