마루랩
UX/UI
토리에듀핀은 금융 문해력 향상을 목표로 하는 에듀테크 기업으로, 체험형 금융 교육 플랫폼 ‘마루랩’을 개발·운영하고 있습니다. 마루랩의 첫 번째 서비스는 청소년, 대학생, 금융 입문자를 대상으로 한 모바일 기반 모의투자 학습 앱입니다. 사용자는 예·적금, CMA, 주식, 가상자산 등 다양한 금융상품을 운용하며 실제와 유사한 자산관리 경험을 통해 금융 개념과 투자 원리를 학습할 수 있습니다.
제로퍼슨은 사업 초기 단계부터 협업 파트너로 참여해, 마루랩 첫 버전의 서비스 컨셉 구체화와 기능 기획, UI 디자인 작업을 함께 진행했습니다.
제로퍼슨은 마루랩의 핵심 기능인 ‘스터디’와 ‘모의투자’ 영역의 구조 설계와 UX/UI 기획에 참여했습니다. 스터디 섹션에서는 퀴즈 기반 수준 진단과 단계별 이론 학습을 통해 금융 기초 지식을 학습할 수 있도록 구성했습니다. 모의투자 기능에서는 실시간 시장 데이터를 기반으로 다양한 금융상품을 운용하며 투자 흐름과 자산 관리를 경험할 수 있도록 설계했습니다. 또한 사용자의 학습 성취도에 따라 거래 가능한 자산군이 단계적으로 해금되는 구조를 적용해, 올바른 금융 지식 습득을 우선시하는 학습 경험을 설계했습니다. 서비스 구독 시에는 학습 포인트를 모의투자에 활용하거나, 투자 성과에 따라 리워드를 제공하는 구조를 통해 학습 동기를 강화했습니다.
실제와 유사한 자산관리 경험을 제공하는 것이 중요하다고 판단해, 기존 금융 및 자산관리 서비스의 UX 패턴을 참고하여 익숙하고 직관적인 인터페이스를 구축했습니다. 특히 실시간 금융 정보와 수익률, 진행 현황 등을 빠르게 파악할 수 있도록 정보 구조와 시각적 위계를 정교하게 설계했습니다. 동시에 금융 입문자를 주요 타깃으로 고려해 불필요한 기능과 복잡한 UI를 최소화하고, 쉽고 명확한 용어와 UX Writing을 적용해 접근성을 높였습니다.
핵심 타깃인 대학생과 금융 입문자를 고려해, 친근하고 직관적인 사용자 경험을 제공하면서도 금융 서비스에 필요한 신뢰감을 전달할 수 있는 비주얼 방향을 설정했습니다. 마루랩 로고에 사용된 밝은 블루와 딥 네이비 컬러를 UI의 주요 색상으로 확장 적용하고, 하나의 범용성 높은 폰트를 중심으로 일관된 디자인 시스템을 구축했습니다.
또한 학습 서비스 특유의 부담감을 줄이기 위해 불필요한 장식을 덜어낸 간결한 UI를 지향하면서도, 일러스트와 대화형 UX Writing 등을 활용해 서비스가 지나치게 딱딱하게 느껴지지 않도록 세심하게 조율했습니다.
본 프로젝트는 사업 초기 단계에서 서비스 방향성을 함께 구체화하고, 빠르게 초기 프로덕트를 설계해 개발 단계로 연결한 프로젝트였습니다. 제로퍼슨은 변화가 많은 초기 스타트업 환경 속에서 유연한 협업 파트너로 참여하며 서비스의 초기 구조를 함께 만들어갔습니다.
진행 과정에서는 기능 범위와 요구사항, 참여 범위가 지속적으로 조정되었으며, 일부 핵심 기능이 중간에 추가되기도 했습니다. 초기에는 GUI 디자인 가이드 제작까지 담당했으나, 이후 내부 디자이너와 협업하며 와이어프레임 및 구조 설계 중심으로 역할 범위를 조정했습니다. 빠르게 변화하는 사업 초기 단계에서는 유연하고 Lean한 접근 방식이 중요하다고 판단했고, 상황 변화에 맞추어 효율적으로 대응하며 프로젝트를 진행했습니다.