Go To List

NETFLIX KOREA · 10TH ANNIVERSARY

넷플릭스 과거시험
10주년 캠페인

넷플릭스의 10년을
퀴즈로 즐기는 참여형 캠페인.
웹과 모바일로 경험을 연결합니다.

사이트 보기

프로젝트

넷플릭스 과거시험 · 프로젝트 필름

넷플릭스의 10년을
퀴즈로 즐기는 웹사이트

넷플릭스 한국 진출 10주년을 맞아, 팬들이 작품 속 장면과 대사를 퀴즈로 즐기는 캠페인입니다. 나인원랩스는 첫 화면부터 문제 풀이, 결과 확인과 공유까지 이어지는 웹사이트를 개발했습니다.

넷플릭스 과거시험 · 데스크톱과 모바일 캠페인 웹사이트
01 / Floating · 첫 화면과 문제 풀이

첫 화면에서 시작되는
과거시험의 분위기

넷플릭스 인트로에서 두루마리와 캐릭터가 등장하는 첫 화면으로 이어집니다.
참여 안내와 시작 버튼을 중심에 두어, 처음 방문한 사람도 다음 행동을 쉽게 찾을 수 있도록 구현했습니다.

두루마리와 캐릭터, 참여 안내와 시작 버튼으로 이어지는 첫 화면
두루마리와 캐릭터, 참여 안내와 시작 버튼으로 이어지는 첫 화면
02 / Desktop + Mobile · 메인
03 / Mobile · 참여·문제·결과

천하제일

과거시험을 마친 뒤에는 3분 동안 10문항을 푸는 ‘천하제일’에 도전할 수 있습니다.
남은 시간과 진행 상황을 함께 보여주고, 도전이 끝나면 결과 확인과 재도전으로 이어집니다.

남은 시간과 진행 상황을 보여주는 천하제일
남은 시간과 진행 상황을 보여주는 천하제일
04 / Multi Device · Netflix Light
05 / Split · Desktop + Mobile

작은 화면에서도
이어지는 참여 흐름

모바일에서는 문제와 선택지를 세로로 배치하고, 화면 크기에 맞춰 이미지와 버튼의 위치를 조정했습니다. 안내를 읽고 답을 고른 뒤 결과를 확인하는 흐름은 데스크톱과 동일하게 유지했습니다.

참여의 시작
참여의 시작
문제 풀이
문제 풀이
나의 점수와 등급
나의 점수와 등급

색과 질감

캠페인의 색과 종이·직물 질감을 웹 화면 전반에 일관되게 적용했습니다.

COLOR PALETTE

  • NETFLIX RED
    HEX
    #E50914
    RGB
    229 / 9 / 20
  • INK BLACK
    HEX
    #080808
    RGB
    8 / 8 / 8
  • PAPER
    HEX
    #E7DFCA
    RGB
    231 / 223 / 202

GRAPHIC TEXTURES

01 / QUIZ BACKGROUND
01 / QUIZ BACKGROUND
02 / WOVEN PATTERN
02 / WOVEN PATTERN

구현한 기능

전통 회화와 넷플릭스 작품의 캐릭터가 어우러진 화면을 데스크톱과 모바일에 맞게 구현했습니다.
화면 전환부터 문제 풀이, 결과 공유까지 자연스럽게 연결했습니다.

화면과 인터랙션

넷플릭스 인트로, 두루마리와 캐릭터가 등장하는 첫 화면, 단계별 화면 전환을 구현했습니다.

문제 풀이와 도전

30문항 과거시험과 제한 시간 도전, 진행 상황 확인과 이전·다음 문제 이동을 연결했습니다.

결과 저장과 공유

점수와 등급 확인, 결과 이미지 저장과 공유, 재도전과 이벤트 참여로 이어지도록 구현했습니다.

반응형 참여 경험

화면 크기에 맞춰 이미지와 버튼을 조정하고, 데스크톱과 모바일에서 같은 참여 흐름을 유지했습니다.

Go To List