터치 프로그램 · 키오스크 · 인터랙티브 콘텐츠

Whitecare 신제품 소개 인터랙티브 터치 프로그램

Whitecare의 신제품을 체험형 방식으로 공개하는 인터랙티브 터치 프로그램입니다. 화면에 배치된 오브젝트를 사용자가 직접 손가락으로 드래그해 지정된 영역에 올리면 인터랙션과 함께 신제품이 등장합니다. 단순히 신제품 이미지를 보여주는 방식이 아니라, 사용자가 직접 참여하는 과정을 거쳐 제품이 공개되도록 구성해 신제품에 대한 호기심과 주목도를 높이는 체험형 콘텐츠로 제작했습니다. 태블릿과 대형 터치 키오스크에서 모두 동일한 방식으로 이용할 수 있도록 개발해 팝업스토어, 브랜드 행사, 프로모션 공간 등 다양한 환경에서 운영할 수 있습니다.

프로젝트 핵심 정보

클라이언트
Whitecare
행사·공간
Whitecare 신제품 프로모션 · 브랜드 체험존
프로젝트 유형
터치 프로그램 · 키오스크 · 인터랙티브 콘텐츠
진행 연도
2026
장소
브랜드 프로모션 및 행사 공간
운영 기간
행사 기간 운영
제작 콘텐츠
신제품 소개 터치 프로그램, Drag & Drop 인터랙션, 신제품 공개 애니메이션
사용 장비
Android 태블릿, Windows 터치 키오스크

프로젝트 목표

Whitecare의 신제품을 단순한 이미지나 설명문으로 소개하는 대신, 관람객이 직접 화면을 조작하는 과정을 통해 제품을 발견하도록 하는 참여형 신제품 소개 콘텐츠를 제작했습니다.

사용자가 화면 속 오브젝트를 직접 드래그하고 지정된 영역에 올리는 행동을 완료하면 신제품이 공개되도록 구성해, 짧은 체험 안에서도 제품에 대한 기대감과 발견의 재미를 동시에 전달하는 것을 목표로 했습니다.

문제와 해결 방향

신제품 프로모션에서는 제품 이미지를 처음부터 화면에 노출하면 정보를 빠르게 전달할 수 있지만, 관람객이 직접 참여해야 할 이유가 줄어들 수 있습니다. 특히 팝업스토어나 행사 공간에서는 짧은 시간 안에 사용자의 시선을 끌고 자연스럽게 화면을 터치하도록 유도하는 것이 중요합니다.

이에 신제품을 처음부터 직접 노출하지 않고, 사용자가 화면 속 오브젝트를 손가락으로 잡아 지정된 영역으로 이동시키는 Drag & Drop 인터랙션을 핵심 체험 방식으로 적용했습니다.

오브젝트가 정상적으로 지정 위치에 도달하면 시각 효과와 함께 신제품이 등장하도록 구성해 사용자의 행동과 제품 공개가 직접 연결되도록 했습니다. 복잡한 메뉴거나 여러 단계의 설명 없이 화면을 보고 바로 사용할 수 있도록 인터페이스를 단순화했습니다.

또한 태블릿과 대형 터치스크린에서 동일한 UX를 유지할 수 있도록 화면 비율과 주요 인터랙션 영역을 기준화했으며, 체험 완료 후에는 자동으로 초기 화면으로 돌아가 다음 관람객이 바로 사용할 수 있도록 설계했습니다.

사용자 체험 흐름

관람객이 콘텐츠를 이용하는 과정입니다.

  1. 01

    화면 속 오브젝트 선택

    화면에 Whitecare 신제품 체험을 시작할 수 있는 오브젝트와 안내 메시지가 나타납니다. 관람객은 별도의 메뉴를 거치지 않고 화면 속 오브젝트를 직접 터치해 체험을 시작합니다.

  2. 02

    오브젝트를 드래그해 지정 영역에 올리기

    선택한 오브젝트를 손가락으로 잡아 화면 중앙의 지정 영역까지 직접 이동합니다. 오브젝트가 이동하는 동안 터치에 반응하는 그래픽과 시각 효과가 함께 적용되며, 정확한 위치에 도달하면 오브젝트가 자연스럽게 지정 영역에 안착합니다. 잘못된 위치에서 손을 떼면 다시 원래 위치로 돌아가 누구나 직관적으로 이용할 수 있습니다.

  3. 03

    Whitecare 신제품 공개

    오브젝트가 지정 영역에 정상적으로 올라가면 화면의 분위기가 전환되고, 애니메이션과 함께 Whitecare의 신제품이 공개됩니다. 신제품 이미지와 주요 브랜드 메시지가 화면 중앙에 강조되어 나타나며, 사용자가 직접 수행한 행동의 결과로 제품을 발견하는 경험을 제공합니다. 일정 시간이 지나면 프로그램은 자동으로 초기화되어 다음 관람객의 체험을 준비합니다.

  4. 04

    사전 예약 정보 입력

    신제품 공개 후 사전 예약 신청 화면으로 자연스럽게 전환됩니다. 관람객은 터치 키보드를 이용해 이름, 연락처, 이메일 등 필요한 정보를 직접 입력하고 신청을 진행합니다. 제품 체험 직후 바로 예약 행동으로 연결되도록 구성해, 단순한 신제품 소개를 넘어 현장 체험과 고객 참여를 하나의 프로세스로 연결했습니다.

UI·UX와 프로그램 구현

제품 주변의 키워드를 직접 드래그해 지정 영역에 적용하면 신제품이 단계적으로 공개되도록 직관적인 Drag & Drop 방식의 UI·UX를 구현했습니다. 태블릿과 터치 키오스크에서 동일하게 사용할 수 있도록 화면 구성과 터치 인터랙션을 최적화했습니다.

적용 기술

  • 멀티터치
  • Drag & Drop
  • 터치 인터랙션
  • 신제품 공개 애니메이션

프로젝트 결과

인터랙티브 체험 → 신제품 공개 → 사전 예약까지 하나의 프로그램 안에서 자연스럽게 연결했습니다. 체험 완료 후 자동으로 초기화되어 행사 현장에서 반복 운영할 수 있도록 구현했습니다.

관련 서비스

이 프로젝트에서 진행한 제작 범위를 서비스 페이지에서 확인할 수 있습니다.

비슷한 콘텐츠 제작을 검토하고 계신가요?

공간 조건과 운영 방식을 알려주시면 필요한 제작 범위와 준비 사항을 정리해 드립니다.

프로젝트 문의하기회사소개서 요청

회사소개서 파일은 준비 후 등록됩니다. 요청하시면 문의 폼으로 안내드립니다.