Tiny.vn: UI/UX 리디자인 및 플랫폼 엔지니어링
Tiny.vn을 위한 완전한 UI/UX 리디자인 및 풀스택 플랫폼 재구축입니다. 전환을 핵심 지표로 삼아 대시보드, 서버 선택 플로우, 구독 관리 시스템을 새롭게 재설계하였으며, 8개 언어 전반에서 로케일 인식 반응형 레이아웃을 구현하였습니다.
일정: 6 weeks

프로젝트 소개
Tiny.vn을 위한 완전한 UI/UX 리디자인 및 풀스택 플랫폼 재구축입니다. 전환을 핵심 지표로 삼아 대시보드, 서버 선택 플로우, 구독 관리 시스템을 새롭게 재설계하였으며, 8개 언어 전반에서 로케일 인식 반응형 레이아웃을 구현하였습니다.
기술 스택
01 도전 과제
기존 Tiny.vn 대시보드는 기능적으로 작동했지만 전환 퍼널의 모든 단계에서 사용자를 잃고 있었습니다. 서버 선택은 지나치게 많은 클릭이 필요했으며, 구독 관리는 구매 시점에서 사용자에게 혼란을 주었습니다. UI는 텍스트 길이와 읽기 방향이 다른 8개 언어 변형에서 깨지는 문제가 있었습니다. 무료에서 유료로의 전환 퍼널은 심각하게 저조한 성과를 보였으며, 결제 의사가 있는 사용자들조차 구매를 완료하기 전에 이탈하고 있었습니다.
02 솔루션
전환을 핵심 지표로 삼아 전체 사용자 경험을 기초부터 재구축하였습니다. 스마트 라우팅 추천을 통해 서버 선택을 단 한 번의 클릭으로 줄였습니다. 투명한 가격 정책과 즉시 활성화를 적용하여 구독 관리를 재설계하였습니다. 8개 언어 전반에서 다양한 텍스트 길이와 RTL 스크립트를 자연스럽게 처리하는 로케일 인식 반응형 레이아웃을 구현하였습니다. 실시간 연결 품질 표시기와 파워 유저를 위한 배치 작업 지원을 추가하였습니다.
03 성과
재설계된 플랫폼은 전환을 저해하던 모든 마찰 지점을 제거하였습니다. 무료에서 유료로의 전환율이 65% 개선되었습니다. 서버 연결 시간이 단 한 번의 클릭으로 단축되었습니다. 로케일 인식 레이아웃은 이전 버전에서 베트남 외 시장의 UI를 괴롭혔던 모든 깨짐 문제를 해결하였습니다. Core Web Vitals는 지원되는 모든 로케일에서 95점 이상을 기록하여, 사용자 경험과 검색 엔진 순위를 모두 개선하였습니다.
비슷한 성과를 원하시나요?
DMS Lab의 풀스택 제품 개발팀이 귀하의 프로젝트에서 측정 가능하고 지속적인 성과를 달성할 수 있도록 어떻게 도울 수 있는지 논의해 보시기 바랍니다.