토스의 새로운 얼굴 만들기
토스가 앱 내 인물 그래픽을 신뢰감 있고 포용적인 새 얼굴로 재설계한 과정을 소개했습니다. 얼굴 비율, 헤어, 스킨톤을 조정해 글로벌 환경에 맞는 중립성을 강화했습니다.
#UI/UX
122005분
필터 1
마커 펼치기로 포장 지도 UX 개선하기 : Map Projection
마커 펼치기로 포장 지도 UX 개선하기 : Map Projection
포장 지도에서 겹친 마커로 탐색이 어려운 문제를 Map Projection 기반 펼치기로 개선했습니다.\n클라이언트 계산, 개수 제한, 줌 스케일링으로 가독성과 선택 흐름을 함께 높였습니다.
#Android#UI/UX
63005분
페이지를 이루는 최소 기능 블록, 모듈유닛
페이지를 이루는 최소 기능 블록, 모듈유닛
모듈유닛의 개념과 페이지 구성 방식, 유지보수 장점을 설명했습니다. 공통 구조인 만큼 기획 단계에서 영향 범위와 정책을 함께 검토해야 한다고 정리했습니다.
#React#UI/UX
66005분
쏘카프레임 - 앱 프레임워크와 개발자 경험
쏘카프레임은 iOS와 Android를 같은 추상화와 규격으로 다루는 모바일 앱 프레임워크를 소개했습니다. 개발 생산성과 안정성, 협업 효율과 성장까지 함께 높이는 방향을 설명했습니다.
#Android#iOS
38005분
끊김 없는 사용 경험을 위하여 : 카카오톡 선물함 속 교환권을 배달의민족 주문으로 연결한 여정
끊김 없는 사용 경험을 위하여 : 카카오톡 선물함 속 교환권을 배달의민족 주문으로 연결한 여정
카카오톡 선물 교환권을 배민 주문에 연결하는 과정과 바코드 인식 문제를 다뤘습니다. 노란 테두리 이미지로 인한 이진화 실패를 분석하고 직접 이진화로 개선했습니다.
#바코드#JavaScript
14005분
세금 환급 자동화 : AI-driven UI 테스트 자동화 일지
세금 환급 서비스의 복잡한 UI 테스트를 AI와 함께 자동화한 실험 사례입니다. 사람이 방향과 품질을 잡고 AI가 코드와 문서를 맡아 운영 안정성을 높였습니다.
#UI/UX#test
75005분
복잡한 검색 홈, 구조는 유연하게 화면은 부드럽게 개선하기
복잡한 검색 홈, 구조는 유연하게 화면은 부드럽게 개선하기
검색 홈과 결과 화면을 모듈로 분리하고, SwiftUI 기반의 탭 구조로 재설계한 사례를 소개했습니다. 또한 중간 페이지를 건너뛰는 커스텀 전환 뷰로 화면 전환 경험을 개선했습니다.
#SwiftUI#iOS
51005분
여기쏙 — Figma plugin 제작기 : 2. UI
여기쏙 — Figma plugin 제작기 : 2. UI
Figma 플러그인 UI를 가볍고 단순한 구조로 설계한 과정을 소개했습니다. 필터 상태, 캐시, 메시지 통신을 중심으로 실데이터 연동과 UX 개선을 정리했습니다.
#Figma#React Query
46005분
제휴점 목록/지도 통합기: 26배 폭증한 비용부터 아키텍처 최적화까지
제휴점 목록/지도 통합기: 26배 폭증한 비용부터 아키텍처 최적화까지
목록과 지도를 하나의 화면으로 통합하며 비용 폭증과 구조 비대화 문제를 함께 다뤘습니다. Lazy Load, StateHolder, 거리 기반 클러스터링, 커스텀 바텀시트로 개선했습니다.
#Android#Kotlin
62005분
️여기어때 Date·인원 선택 UI 만들기-SwiftUI Calendar Core & DateTravelerSelector 구조 재설계
️여기어때 Date·인원 선택 UI 만들기-SwiftUI Calendar Core & DateTravelerSelector 구조 재설계
SwiftUI 기반 Date·인원 선택 UI를 도메인별 정책에 맞게 분리하고 공통 달력 Core로 재구성했습니다. LazyVGrid를 대체해 iOS 16 안정성과 렌더링 성능도 개선했습니다.
#SwiftUI#iOS
30005분
여기어때 비주얼 에셋, 새롭게 정의하다
여기어때 비주얼 에셋, 새롭게 정의하다
여기어때가 브랜드 일관성과 활용성을 높이기 위해 비주얼 에셋 체계를 새로 정리한 사례를 소개했습니다. 2D·3D 원칙, UT 검증, 검색성과 네이밍 개선까지 함께 다뤘습니다.
#UI/UX#design system
62005분
직관이 아닌 데이터로: NOL PM의 실험 설계 이야기
직관이 아닌 데이터로: NOL PM의 실험 설계 이야기
PM이 직관이 아닌 데이터로 가설을 검증하는 실험 설계 방법을 정리했습니다. NOL 사례를 통해 작은 UI 변화도 전환과 경험 개선으로 이어질 수 있음을 보여주었습니다.
#A/B 테스트#SQL
49005분