본문으로 이동
하마터면 못생겨질 뻔했다 - 토스 프론트 2 제작기
문서

하마터면 못생겨질 뻔했다 - 토스 프론트 2 제작기

류관준 토스 · 토스 기술 블로그

원문 보기

AI 핵심 요약

토스 프론트 1세대는 좁은 매대에서 NFC 결제가 불편했고, 카드 리더기 고장 시 기기 전체를 수리해야 하는 문제가 있었습니다. 2세대에서는 디스플레이 뒷면을 플라스틱으로 바꿔 전면 NFC를 구현하고, C타입 도킹 리더기와 내부 배치 재설계로 도구 없이 교체할 수 있게 했습니다. 여러 시안을 사용성과 심미성, 전파 간섭 측면에서 검증하며 기능 개선과 제품 완성도를 함께 추구했습니다. 기술적으로 가능한 답에 머무르지 않고 문제의 정의와 해결 방향을 다시 묻는 집요함이 더 나은 제품 경험으로 이어졌다는 점을 강조합니다.

  • 기술적으로 구현 가능한 안도 실제 사용자의 동선과 조작 부담을 검증한 뒤 채택해야 합니다.
  • 부품 배치가 전파 간섭이나 인식률에 미치는 영향을 함께 살피고, 필요하면 외장 소재와 내부 구조까지 다시 검토하세요.
  • 수리 시간을 줄이려면 고장 부품만 교체할 수 있도록 설계하고, 사용자가 익숙한 연결 방식을 활용할 수 있습니다.
  • 버튼이나 레버를 추가하기 전에 기존 구조를 바꿔 문제를 해결할 수 있는지 살펴보세요.
  • 해결책이 막히면 당장의 구현 방법보다 문제의 정의와 해결 방향을 다시 질문하는 것이 도움이 됩니다.

소개

아름다우면서 사용성까지 챙긴 토스 프론트 2, 그 뒤에는 “이게 정말 최선일까?”를 끝까지 놓지 않았던 집요한 고민이 있었어요.

비슷한 학습 자료

문서 김현지

CVR을 3배 높이면서도 사용자 경험을 놓치지 않기 위해 고민한 과정을 들려드려요.

프로덕트 지표 · 실험

문서 박성경

새로운 서비스가 매일같이 생기고 또 사라지는 토스에서는 상담의 퀄리티만큼 시간과 속도도 중요하게 생각해요. 상담원 분들이 쓰는 레거시 제품을 청산해 상담 업무의 효율을 끌어올린 과정을 소개해 보려 해요.

서비스 기획

문서 박수현

디자인 시스템은 제품의 어느 단계까지 기여할 수 있을까요? 더 이상 다른 것에는 신경쓰지 않아도 되는 Menu 컴포넌트를 만들었던 3가지 방법을 소개할게요.

UI/UX

문서 이지윤

디자이너들도 어떻게 하면 빠른 속도를 내며 전체적인 경험을 맞출 수 있을지 매 순간 고민하고 있어요.

UI/UX

문서 고현선

세계적인 IT 기업에서나 만드는 이모지 폰트를 어떻게 한국 금융 플랫폼 토스에서 만들게 됐을까? 토스의 이모지 폰트, 토스페이스 제작의 모든 것을 공개합니다.

그래픽 디자인

문서 김지혜

토스뱅크카드의 중요한 디자인 컨셉은 앞면과 뒷면의 색상이 다르다는 것인데요. 지금까지는 이 정보를 표현하기 위해서 이미지를 두 장 쓰거나, 영상을 만들었죠. 하지만 그걸로는 부족했어요. 저는 모바일 화면에서도 실물 카드를 보는 것과 똑같은 경험을 만들고 싶었어요.

UI/UX