항공 프론트엔드 구축기 (2/10): Vue2 디자인 시스템을 React로 옮기기
Vue2 디자인 시스템을 React로 옮기는 항공 프론트엔드 구축기를 다룬 글입니다. 프론트엔드 기술 전환과 디자인 시스템 이관 맥락을 소개합니다.
#Vue.js#React#design
3100
태그
design 기술 블로그 글
design 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 28개최신 20개 표시
관련 태그
최신 게시글
20개 표시
조합형 Form 컴포넌트 설계
React Hook Form과 MUI 기반 폼 컴포넌트의 확장 한계를 설명했습니다. 역할 분리와 Composition Pattern으로 복합 입력 UI와 유지보수성을 개선한 사례입니다.
#React#React Hook Form#Material UI
29000
디자인시스템 팀은 디자인시스템만 잘 만들면 될까
디자인시스템은 컴포넌트만 만드는 일이 아니라 제품 판단 기준을 쌓는 일이라고 설명했습니다. AI가 UI를 빠르게 만들수록 패턴과 맥락을 정리하는 역할이 더 중요해졌습니다.
#UI/UX#design#component
26600
하마터면 못생겨질 뻔했다 - 토스 프론트 2 제작기
토스 프론트 2는 NFC, 교체형 카드 리더기, 내부 구조 재설계를 통해 사용성과 심미성을 함께 개선했습니다. 기술적으로 되는 답이 아니라 사용자에게 맞는 답을 끝까지 찾은 제작기입니다.
#UI/UX#design#NFC
14500
Layers of your time : 토스와 함께한 시간을 기념하기
토스의 N주년 굿즈를 ‘시간을 축하하는 경험’으로 다시 설계한 인터널 브랜딩 사례입니다. 조명 굿즈와 전달 방식까지 포함해 팀원이 받는 순간의 감정과 기준을 끝까지 지켰습니다.
#UI/UX#design#브랜딩
7700
토스가 디자인 직무를 2개로 줄인 이유
토스가 디자인 직무를 6개에서 2개로 통합한 이유를 설명했습니다. 도구 발전으로 경계가 흐려져 판단 역량 중심의 체계로 재편한 사례입니다.
#UI/UX#design
13500
후기 10만 개, 다 읽고 계신가요? - AI 후기 요약 기능 도입기
후기가 많아질수록 원하는 정보를 찾기 어려워 AI 후기 요약 기능을 도입했습니다. 9단계 후처리와 우선순위 폴백으로 신뢰도와 커버리지를 높였습니다.
#LLM#prompt#UI/UX
14000
공통 컴포넌트를 건강하게 기르기 위한 고민
공통 컴포넌트를 언제 만들고 언제 정리할지에 대한 팀의 판단 기준을 공유했습니다. 재사용성보다 유지 비용과 실제 사용성을 함께 보며 질문을 더 자주 남기자는 내용입니다.
#React#UI/UX#refactoring
17100
After Hours: 즐거운 저녁의 대화를 위한 리브랜딩
채널톡 CX 오프라인 밋업을 ‘After Hours’로 리브랜딩한 사례를 소개했습니다. 시간과 대화의 메타포로 친근함과 전문성을 함께 담았습니다.
#브랜딩#UI/UX#design
500
After Hours: 즐거운 저녁의 대화를 위한 리브랜딩
CX 매니저 오프라인 밋업을 ‘After Hours’로 리브랜딩한 사례입니다. 시간과 대화의 메타포, 참여형 굿즈로 소속감과 브랜드 확산을 함께 노렸습니다.
#브랜딩#UI/UX#design
1100
디자인팀은 플레이샵가면 뭐해요?
디자인팀 플레이샵에서 성향 검사 공유, AI 캐릭터 제작, 서바이벌 게임과 식사로 팀워크를 다진 이야기를 담았습니다. 서로를 더 이해하고 함께 일하는 방식을 맞춰가는 분위기를 소개했습니다.
#Claude#design#문화
300
여기어때 컬처북 제작기(2) — 디자인편
여기어때는 리더십원칙을 심볼과 일러스트로 재해석해 컬처북으로 제작했습니다.\n딱딱한 가이드북 대신 스토리북 형식으로 조직문화를 친근하게 전달했습니다.
#UI/UX#design#문화
6200
일본 소도시 여행의 감성을 디자인하다: 마케팅 굿즈 제작 그리고 개선
일본 소도시 여행 프로모션을 위해 굿즈 패키지를 기획하고 개선한 사례를 소개했습니다. 배송 규정과 제작 단가를 고려해 시즌2에서는 더 실용적인 구성으로 다듬었습니다.
#UI/UX#design#마케팅
11200
로고 하나로 툴을 설명할 수 있다면
토스의 디자인 툴 데우스 로고를 제작한 과정을 공유했습니다. 정체성 정의와 실사용 환경 검토가 로고 완성의 핵심이었습니다.
#design#UI/UX#브랜딩
9500
토스가 디자인툴을 만든 이유
스케치, 피그마, 프레이머를 써봤지만 토스에 맞는 도구가 없어 자체 디자인 툴 데우스를 만들었습니다. 팀의 요구에 맞는 도구가 없을 때는 자체 제작도 대안이 될 수 있습니다.
#UI/UX#design#도구
9100
여기어때 시스템 아이콘 개선기
기존 시스템 아이콘의 스타일 불일치와 가독성 문제를 개선한 과정을 공유했습니다. 브랜드 아이덴티티를 반영한 그래픽 규칙으로 일관성과 사용성을 높였습니다.
#UI/UX#design#brand identity
21900
[미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1
모바일 선택 화면에서 라디오 버튼 대신 다른 UI를 써도 되는지 UT로 검증했습니다.사용자는 모양보다 질문 맥락에 따라 선택했고, 친절한 안내가 더 중요했습니다.
#UI/UX#모바일#design
5000
![[미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1](https://static.toss.im/illusts/img-tech-thumbnail-mdc1.png)
토스 피플: 비전공자에서 디자인 리드가 되기까지
비전공자 출신 디자인 리드의 커리어 성장과 토스 쇼핑에서의 도전 과정을 인터뷰로 소개했습니다. 현재 맡은 일을 꾸준히 해내며 무기를 쌓는 태도의 중요성을 강조했습니다.
#UI/UX#design#제품 디자인
3700
여행 플랫폼 ‘여기어때’가 웰컴키트를 만든다면?
신규 입사자 웰컴키트를 설문 피드백 기반으로 리뉴얼한 사례를 소개했습니다. 실용성, 브랜드 아이덴티티, 환경 요소를 함께 고려해 구성과 디자인을 재설계했습니다.
#브랜딩#UI/UX#design
17700
이걸 진짜 만든다고요? 세상에 없던 게임, 샐러드게임 | 1편. BX
X
#게임#design
1900
