인터랙션으로 만드는 몰입 경험 | Simplicity 4 제작기 #3
온라인 컨퍼런스에서 이탈을 줄이기 위해 몰입형 인터랙션 흐름을 설계했습니다.모바일 우선 구조, 템플릿 시스템화, 자막·전환 효과로 시청 경험을 다듬었습니다.
#UI/UX#인터랙션 디자인#모바일
4500
모든 블로그
대표 인기 포스트캐시를 적용하기 까지의 험난한 길 (TPS 1만 안정적으로 서비스하기)499 조회499 조회 프론트엔드 프론트엔드
기타
AI
프론트엔드
프론트엔드
AI
AI
프론트엔드
기타
프론트엔드
기타
기타
프론트엔드
기타
AI 기타 AI
토스
도메인toss.tech
주요 카테고리 프론트엔드 · AI
활동 요약
- 최근 30일
- 7개
- 평균 조회
- 98
- 누적 조회
- 24,617
- 전체 글
- 252개
- 마지막 발행
- 2026. 11. 10.
토스 기술 블로그 글 (252)
Simplicity 4 : 뒤에 개발자 있어요
재사용 가능한 컨퍼런스 구조를 만들기 위해 템플릿 분리, 브라우저 대응, 로드·렌더링 최적화를 진행했습니다. 모바일과 데스크탑 모두에서 자연스럽게 동작하도록 성능과 인터랙션을 다듬었습니다.
#React#mobile#web
9900
진짜 문제 발견을 위해, 사용자 여정 함께 걸어보기
낯선 금융 서비스의 문제를 파악하기 위해 사용자 여정을 처음부터 끝까지 따라가는 리서치 방법을 소개했습니다. 소액 체험과 신뢰를 기반으로 한 진입 구조가 유입에 효과적이었고, 여정 관찰의 중요성을 강조했습니다.
#UX Research#사용자 여정#투자
7800
Flowise와 LLM을 활용한 에러 분석 자동화
Flowise와 LLM으로 서버 에러 원인 분석과 해결 가이드를 자동화한 사례를 소개했습니다. 요청 정보, API 스펙, 스택 트레이스를 함께 활용해 슬랙 알림과 협업 효율을 높였습니다.
#LLM#Flowise#Kotlin
8600
이토록 아름다운 새로고침
화면을 아래로 당길 때 보이는 Pull To Refresh 그래픽의 디자인 고민을 다뤘습니다. 짧은 순간의 새로고침 경험에 아름다움을 담기 위한 방향을 소개했습니다.
#UI/UX
16300
우리가 몰랐던 시각 장애인의 UX
시각 장애인의 토스 사용성을 개선하기 위한 UX 리서치 인사이트를 공유했습니다. 보이지 않는 접근성 장벽을 줄이기 위한 방향을 다뤘습니다.
#UI/UX
5700
토스 그래픽을 10초 만에 그리는 AI
토스 그래픽을 10초 만에 만드는 AI 도구 ‘토스트’를 소개하는 글입니다. 3일 걸리던 3D 그래픽 제작을 10초로 줄이면서 품질을 함께 다룰 수 있는지 질문합니다.
#3D 그래픽
5300
AI시대에 라이터로 살아남기
AI 시대에 UX 라이터의 역할 변화와 대응 과정을 다룬 글입니다. 다크패턴을 계기로 라이터에서 프롬프트 엔지니어로 성장한 이야기를 소개했습니다.
#prompt#UI/UX
3700
동의 화면도 간결해질 수 있을까
법적 제한이 많은 동의 화면 디자인을 더 간결하게 바꿀 수 있는지 살펴보았습니다. 관성을 깨는 시도가 어떤 변화를 만들 수 있는지 문제를 제기했습니다.
#UI/UX
7900
경험을 수치화하는 방법
사용자 경험의 정성적 요소를 수치로 보는 방법을 소개했습니다. 토스만의 기준으로 원하는 기능 탐색 경험을 측정하는 관점을 다뤘습니다.
6800
인터랙션으로 첫 인상 만들기
토스를 처음 쓰는 외국인에게 어떻게 첫인상을 줄지 다룬 온보딩 사례였습니다. 인터랙션을 중심으로 감탄을 이끌어낸 접근이 핵심이었습니다.
#UI/UX
5900
토스 그래픽 더 토스답게 만들기
IT 업계의 3D 그래픽 흐름 속에서 토스다운 그래픽을 어떻게 만들었는지 소개하는 글입니다. 브랜드 정체성을 그래픽으로 구현한 과정과 방향을 다룹니다.
#3D 그래픽#UI/UX
10600
토스가 디자인툴을 만든 이유
스케치, 피그마, 프레이머를 써봤지만 토스에 맞는 도구가 없어 자체 디자인 툴 데우스를 만들었습니다. 팀의 요구에 맞는 도구가 없을 때는 자체 제작도 대안이 될 수 있습니다.
#UI/UX#design#도구
10700
코드 리뷰할 시간이 어딨어요? 모닥불 | EP.12
토스 프론트엔드 챕터의 코드 리뷰 문화 활성화 사례를 소개했습니다. 고맥락자 리뷰, 코드스멜 워킹그룹, 가독성 위원회, 코드 리뷰 배틀 같은 운영 방식을 공유했습니다.
#코드 리뷰#refactoring#test
13200
AI 시대, 디자이너를 없앴더니 생긴 일
디자이너의 반복 업무를 규칙과 시스템으로 바꿔 의존도를 줄인 사례를 소개했습니다. 앞으로 디자이너는 직접 만드는 사람보다 시스템을 설계하는 역할이 중요하다고 보았습니다.
#UI/UX#MCP#자동화
26800
Simplicity 4 : AI 아바타가 발표하는 온라인 컨퍼런스 제작기
AI 아바타와 간편 촬영 방식으로 컨퍼런스 제작 부담을 줄이고 지속 가능성을 높였습니다. 또한 모바일 중심 설계와 짧은 세션 구성으로 시청 경험도 개선했습니다.
#UI/UX#mobile#세미나
5500
Simplicity 25 : 한 번쯤 이상을 꿈꿔본 모두에게
토스 디자인 컨퍼런스 Simplicity 25의 세션 주제와 방향성을 소개했습니다. 이상적인 UX를 현실로 만들기 위한 다양한 시도와 고민을 다뤘습니다.
#UI/UX#UX Research#Android
12600
토스는 어떻게 광고를 보여줄까? 토스 애즈 ML 톺아보기
토스 광고 노출 과정과 추천 시스템의 전체 흐름을 ML 관점에서 정리했습니다. Targeting부터 Ranking까지 각 단계별 모델 활용 방식도 소개했습니다.
#ML#LLM#추천
5900