무료 충전소 개편

무료 충전소 개편

포스텔러 · 운세 서비스 · 웹앱

포스텔러 · 운세 서비스 · 웹앱

무료 충전소 개편

무료 충전소 개편

한국 포스텔러 서비스에서 무료 충전소(광고리워드)이벤트를 진행했을때 기존보다 3배 많은 이용률 확인하면서 무료 충전소에 대한 수익을 높이기 위해 해당 페이지와 진입부분을 개선하기 위해 프로젝트를 진행했습니다.

역할 및 작업기간

  • 기획(50%)

  • UI 디자인(100%)

  • Data Analysis (100%)

  • 약 1개월 (24.10.11~24.12.14)

목표

  • MAU 80% 증대

  • 무료 충전소 페이지 50%증대

  • 매출 40% 상승

배경

배경

24년 상반기 포스텔러 리워드 수익률이 목표 수익의 30~40%가 낮아서 시행한 프로모션 이벤트가 전달 대비 최대 56%의 매출이 상승하면서 리워드 매출을 더욱 적극적으로 상승시키기 위한 전략으로 프로젝트를 진행하게 되었습니다.

(1)상단 고정 배너 → 문구가 모호해 어떤 이점을 제공하는지 직관적으로 전달되지 않았음

(2)참여형 콘텐츠 → 사용자는 참여 시 무엇을 하는지를 알기 어려우며 액션 터치 범위가 접근성에 충분하지 않음

결과적으로 해당 페이지는 리워드 액션을 유도하는 데 한계가 있었습니다.

가설

가설

“이걸 하면 보상을 받겠구나”라는 게 한눈에 들어오면, 사용자 행동이 더 쉽게 이어지지 않을까?"

“이걸 하면 보상을 받겠구나”라는 게 한눈에 들어오면, 사용자 행동이 더 쉽게 이어지지 않을까?"

보상에 대한 정보를 상단에 명확하게 노출하고, 다양한 혜택을 직관적으로 탐색할 수 있도록 배너와 리스트 구조를 정비하면, 사용자는 ‘무엇을 하면 어떤 보상을 받는지’를 명확히 이해하게 되어 클릭률과 참여율이 증가할 것으로 예상했습니다.

제작

문제 해결에 대한 화면 개선

유저 테스트 과정에서 “배너가 눌러야 할 이유가 잘 와닿지 않는다”는 피드백이 반복적으로 나타났습니다. 특히, 배너 내 문구가 모호하고, 사용자가 실제로 얻는 보상에 대한 정보가 충분히 강조되지 않아 클릭 유도가 어려웠으며 이에 따라 다음과 같이 화면을 재구성했습니다.

(1)한번에 받을 수 있는 보상 → 최상단에 사용자가 받을 수 있는 총 혜택을 노출시키며 해당 페이지에 대한 액션 동기 강화

(2)캐러셀 형태의 배너로 다양한 혜택을 탐색 가능하게 구성 → 유저가 할 수 있는 행동과 그로 인해 얻는 리워드를 명확히 연결지어, 액션 동기 강화

(3)리스트 형태의 액션-보상 구조 제공 → 유저가 할 수 있는 행동과 그로 인해 얻는 리워드를 명확히 연결지어, 액션 동기 강화

추가

프로토타입 링크 [A] / [B]
A의 경우 움직이는 코인을 B의 경우 영역을 넓혀 통해 시각적인 부분을 이끌었습니다.
결과적으로 움직이는 A터치율이 높게 나타나며 (A: 20,967명 / B: 9,943명) 움직이는 아이콘으로 반영하게 되었습니다.

결과

결과

10월/12월 한달 데이터 비교
(11월에 릴리즈되어 해당 월을 제외하여 비교했습니다.)

아이콘과 달라신 화면으로 인해 출시 한달간의 정량적인 데이터는 큰 차이로 결과가 나오게 되었습니다. 개선된 디자인을 통해 내부 UT를 진행하며 아래와 같은 피드백을 받을 수 있었습니다.

"선택지가 많아서 내게 맞는 것을 고를 수 있었다."
"한번에 보이는 혜택이 다양해서 필요한 코인을 편리하게 충전할 수 있었다"

이번 개선을 통해, 직관적인 메시지가 사용자 경험 향상에 얼마나 큰 영향을 미치는지 다시금 느낄 수 있었습니다. 사용자의 행동 흐름을 정확히 이해했을 때, 작은 변화도 큰 성과로 이어질 수 있다는 점 또한 실감하게 되었습니다. 앞으로도 사용자 시선과 기대를 중심에 두고, 명확하고 편안한 경험을 설계하는 디자이너로서 고민하고 해결하고자 합니다.

10월/12월 한달 데이터 비교
(11월에 릴리즈되어 해당 월을 제외하여 비교했습니다.)

아이콘과 달라신 화면으로 인해 출시 한달간의 정량적인 데이터는 큰 차이로 결과가 나오게 되었습니다. 개선된 디자인을 통해 내부 UT를 진행하며 아래와 같은 피드백을 받을 수 있었습니다.

"선택지가 많아서 내게 맞는 것을 고를 수 있었다."
"한번에 보이는 혜택이 다양해서 필요한 코인을 편리하게 충전할 수 있었다"

이번 개선을 통해, 직관적인 메시지가 사용자 경험 향상에 얼마나 큰 영향을 미치는지 다시금 느낄 수 있었습니다. 사용자의 행동 흐름을 정확히 이해했을 때, 작은 변화도 큰 성과로 이어질 수 있다는 점 또한 실감하게 되었습니다. 앞으로도 사용자 시선과 기대를 중심에 두고, 명확하고 편안한 경험을 설계하는 디자이너로서 고민하고 해결하고자 합니다.