동의 화면도 간결해질 수 있을까
법적 제한이 많은 동의 화면 디자인을 더 간결하게 바꿀 수 있는지 살펴보았습니다. 관성을 깨는 시도가 어떤 변화를 만들 수 있는지 문제를 제기했습니다.
#UI/UX
72005분
필터 1
인터랙션으로 첫 인상 만들기
토스를 처음 쓰는 외국인에게 어떻게 첫인상을 줄지 다룬 온보딩 사례였습니다. 인터랙션을 중심으로 감탄을 이끌어낸 접근이 핵심이었습니다.
#UI/UX
49005분
토스 그래픽 더 토스답게 만들기
IT 업계의 3D 그래픽 흐름 속에서 토스다운 그래픽을 어떻게 만들었는지 소개하는 글입니다. 브랜드 정체성을 그래픽으로 구현한 과정과 방향을 다룹니다.
#3D 그래픽#UI/UX
83005분
토스가 디자인툴을 만든 이유
스케치, 피그마, 프레이머를 써봤지만 토스에 맞는 도구가 없어 자체 디자인 툴 데우스를 만들었습니다. 팀의 요구에 맞는 도구가 없을 때는 자체 제작도 대안이 될 수 있습니다.
#UI/UX#design
85005분
웹 성능 최적화를 위한 Web Vitals 알아보기
웹 성능 최적화가 UX, SEO, 전환율에 미치는 중요성을 설명했습니다. Core Web Vitals의 주요 지표와 측정 도구, 데이터 활용 방법도 함께 정리했습니다.
#웹 성능#Web Vitals
117005분
Digital assistant app, 간단히 만들어보기
Android VoiceInteractionService를 기반으로 디지털 어시스턴트 앱의 구성과 동작 흐름을 설명했습니다.세션 생성, 화면 정보 수집, 스크린샷 분석을 통해 맞춤형 지원을 제공하는 방법을 다뤘습니다.
#Android#VoiceInteractionService
60005분
AI 시대, 디자이너를 없앴더니 생긴 일
디자이너의 반복 업무를 규칙과 시스템으로 바꿔 의존도를 줄인 사례를 소개했습니다. 앞으로 디자이너는 직접 만드는 사람보다 시스템을 설계하는 역할이 중요하다고 보았습니다.
#UI/UX#MCP
255005분
테스트를 부탁해 - Firebase App Testing Agent 체험기
Firebase App Testing Agent로 UI 테스트를 체험하며 자연어 기반 자동화와 리포트 기능을 확인했습니다. 다만 복잡한 로직 검증과 디버깅에는 한계가 있어 다른 도구와 병행이 필요했습니다.
#Firebase#UI/UX
35005분
인도인들은 대출을 어떻게 신청할까?
인도인들은 대출을 어떻게 신청할까?
인도 대출 신청 퍼널을 현지 고객 관찰과 테스트로 개선한 사례를 소개했습니다. 아이콘과 힌디어·영어 병기로 이해도를 높여 이탈률을 크게 줄였습니다.
#UI/UX#검색
0005분
코드 품질 개선 기법 10편: 적절한 거리 유지에 신경쓰자
UI와 리포지터리가 최대 개수 규칙을 암묵적으로 공유하는 구조의 문제를 다뤘습니다. `hasMoreItems` 같은 명시적 속성으로 책임을 분리하는 방법을 제안했습니다.
#module#refactoring
139005분
디자이너가 48시간만에 만든 Figma Plugin
디자이너가 Cursor AI로 Figma 플러그인을 만들어 애셋 배포 검수 비효율을 줄였습니다. 이틀 만에 완성해 배포 실패를 사전 차단했고 실무 효과도 확인했습니다.
#Figma#Cursor
25005분
Simplicity 4 : AI 아바타가 발표하는 온라인 컨퍼런스 제작기
AI 아바타와 간편 촬영 방식으로 컨퍼런스 제작 부담을 줄이고 지속 가능성을 높였습니다. 또한 모바일 중심 설계와 짧은 세션 구성으로 시청 경험도 개선했습니다.
#UI/UX#mobile
51005분