9인조 다람쥐 아이돌을 데뷔시켰습니다
적금 재방문을 높이기 위해 9종 다람쥐 캐릭터와 성장 중심 UI를 설계했습니다.\nAI 시안 탐색과 즉각적인 인터랙션으로 저금의 보람과 다음 방문 동기를 만들었습니다.
#UI/UX#design#prompt
5600
태그
design 기술 블로그 글
design 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 30개최신 20개 표시
관련 태그
최신 게시글
20개 표시
항공 프론트엔드 구축기 (2/10): Vue2 디자인 시스템을 React로 옮기기
Vue2 디자인 시스템을 React로 옮기는 항공 프론트엔드 구축기를 다룬 글입니다. 프론트엔드 기술 전환과 디자인 시스템 이관 맥락을 소개합니다.
#Vue.js#React#design
3600
항공 프론트엔드 구축기 (2/10): Vue2 디자인 시스템을 React로 옮기기
조합형 Form 컴포넌트 설계
React Hook Form과 MUI 기반 폼 컴포넌트의 확장 한계를 설명했습니다. 역할 분리와 Composition Pattern으로 복합 입력 UI와 유지보수성을 개선한 사례입니다.
#React#React Hook Form#Material UI
29400
디자인시스템 팀은 디자인시스템만 잘 만들면 될까
디자인시스템은 컴포넌트만 만드는 일이 아니라 제품 판단 기준을 쌓는 일이라고 설명했습니다. AI가 UI를 빠르게 만들수록 패턴과 맥락을 정리하는 역할이 더 중요해졌습니다.
#UI/UX#design#component
30600
디자인시스템 팀은 디자인시스템만 잘 만들면 될까
하마터면 못생겨질 뻔했다 - 토스 프론트 2 제작기
토스 프론트 2는 NFC, 교체형 카드 리더기, 내부 구조 재설계를 통해 사용성과 심미성을 함께 개선했습니다. 기술적으로 되는 답이 아니라 사용자에게 맞는 답을 끝까지 찾은 제작기입니다.
#UI/UX#design#NFC
15100
Layers of your time : 토스와 함께한 시간을 기념하기
토스의 N주년 굿즈를 ‘시간을 축하하는 경험’으로 다시 설계한 인터널 브랜딩 사례입니다. 조명 굿즈와 전달 방식까지 포함해 팀원이 받는 순간의 감정과 기준을 끝까지 지켰습니다.
#UI/UX#design#브랜딩
9400
토스가 디자인 직무를 2개로 줄인 이유
토스가 디자인 직무를 6개에서 2개로 통합한 이유를 설명했습니다. 도구 발전으로 경계가 흐려져 판단 역량 중심의 체계로 재편한 사례입니다.
#UI/UX#design
14800
후기 10만 개, 다 읽고 계신가요? - AI 후기 요약 기능 도입기
후기가 많아질수록 원하는 정보를 찾기 어려워 AI 후기 요약 기능을 도입했습니다. 9단계 후처리와 우선순위 폴백으로 신뢰도와 커버리지를 높였습니다.
#LLM#prompt#UI/UX
15400
후기 10만 개, 다 읽고 계신가요? - AI 후기 요약 기능 도입기
공통 컴포넌트를 건강하게 기르기 위한 고민
공통 컴포넌트를 언제 만들고 언제 정리할지에 대한 팀의 판단 기준을 공유했습니다. 재사용성보다 유지 비용과 실제 사용성을 함께 보며 질문을 더 자주 남기자는 내용입니다.
#React#UI/UX#refactoring
17700
After Hours: 즐거운 저녁의 대화를 위한 리브랜딩
채널톡 CX 오프라인 밋업을 ‘After Hours’로 리브랜딩한 사례를 소개했습니다. 시간과 대화의 메타포로 친근함과 전문성을 함께 담았습니다.
#브랜딩#UI/UX#design
900
After Hours: 즐거운 저녁의 대화를 위한 리브랜딩
After Hours: 즐거운 저녁의 대화를 위한 리브랜딩
CX 매니저 오프라인 밋업을 ‘After Hours’로 리브랜딩한 사례입니다. 시간과 대화의 메타포, 참여형 굿즈로 소속감과 브랜드 확산을 함께 노렸습니다.
#브랜딩#UI/UX#design
1700
디자인팀은 플레이샵가면 뭐해요?
디자인팀 플레이샵에서 성향 검사 공유, AI 캐릭터 제작, 서바이벌 게임과 식사로 팀워크를 다진 이야기를 담았습니다. 서로를 더 이해하고 함께 일하는 방식을 맞춰가는 분위기를 소개했습니다.
#Claude#design#문화
800
디자인팀은 플레이샵가면 뭐해요?
여기어때 컬처북 제작기(2) — 디자인편
여기어때는 리더십원칙을 심볼과 일러스트로 재해석해 컬처북으로 제작했습니다.\n딱딱한 가이드북 대신 스토리북 형식으로 조직문화를 친근하게 전달했습니다.
#UI/UX#design#문화
7600
일 평균 30억 건을 처리하는 결제 시스템의 DB를 Vitess로 교체하기 - 2. 개발 및 운영기
Vitess로 마이그레이션한 결제 시스템의 개발·운영 활용 방식을 정리했습니다.프로토콜 선택, 샤딩 구성, 모니터링과 페일오버 경험까지 함께 소개했습니다.
#DB#MySQL#gRPC
23500
WebGL과 함께 배우는 컴퓨터 그래픽스 (2)
WebGL과 Three.js에서 라이팅과 머티리얼의 기본 개념을 정리했습니다. 각 조명과 재질의 차이, 계산 비용과 사실감의 균형을 예제로 설명했습니다.
#WebGL#design
7900
일본 소도시 여행의 감성을 디자인하다: 마케팅 굿즈 제작 그리고 개선
일본 소도시 여행 프로모션을 위해 굿즈 패키지를 기획하고 개선한 사례를 소개했습니다. 배송 규정과 제작 단가를 고려해 시즌2에서는 더 실용적인 구성으로 다듬었습니다.
#UI/UX#design#마케팅
12400
Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기
웹브라우저에서 대용량 데이터를 고성능으로 보여주기 위한 Windowing 기법과 React Virtualization을 소개했습니다. Big Table 구현 사례를 통해 성능 최적화 포인트와 한계도 공유했습니다.
#React#Virtualization#streaming
12900
Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기
로고 하나로 툴을 설명할 수 있다면
토스의 디자인 툴 데우스 로고를 제작한 과정을 공유했습니다. 정체성 정의와 실사용 환경 검토가 로고 완성의 핵심이었습니다.
#design#UI/UX#브랜딩
9600
토스가 디자인툴을 만든 이유
스케치, 피그마, 프레이머를 써봤지만 토스에 맞는 도구가 없어 자체 디자인 툴 데우스를 만들었습니다. 팀의 요구에 맞는 도구가 없을 때는 자체 제작도 대안이 될 수 있습니다.
#UI/UX#design#도구
9500
여기어때 시스템 아이콘 개선기
기존 시스템 아이콘의 스타일 불일치와 가독성 문제를 개선한 과정을 공유했습니다. 브랜드 아이덴티티를 반영한 그래픽 규칙으로 일관성과 사용성을 높였습니다.
#UI/UX#design#brand identity
22400
