본문 바로가기

전체 글133

Atomic Design이 우리 팀에서 실패한 이유 LXDS v 1.1 구축기 ◾️ 디자인 시스템을 다시 정리했습니다 정확히 말하면 정리라기보다는 재설계에 가까웠습니다. 입사 후 첫 프로젝트로 세무 운영 관리 SaaS 서비스를 위한 디자인 시스템을 구축하게 되었습니다.이번 작업의 목표는 단순했습니다. 실제로 사용하는 디자인 시스템을 만드는 것 생각보다 많은 디자인 시스템이 정리는 잘 되어 있지만 실무에서 사용율이 높지 않습니다.LXDS 역시 이를 포함한 많은 문제를 가지고 있었습니다. 그래서 이번 v1.1에서는구조 재정비Color System 정리Design Token 설계UI 밀도 개선가이드 강화까지 포함한 전반적인 리빌드 작업을 진행했습니다. ◾️ 우리가 가지고 있던 문제 기존 디자인 시스템은 Atomic Design 구조를 기반으로 만들어져 있.. 2026. 3. 11.

첫 발걸음, 프로덕트 디자이너로서의 1년 3개월 시작하며첫 직장, 첫 출근. 솔직히 말하면 두려움이 더 컸습니다. “내가 잘할 수 있을까?”라는 생각이 하루에도 몇 번씩 스쳐갔고, 모든 게 낯설게 느껴졌습니다. 하지만 동시에, 새로운 무대에서 디자이너로서의 여정을 시작한다는 설렘도 분명 존재했습니다.돌이켜보니 세일즈맵에서의 1년 3개월은 저에게 단순한 ‘첫 직장 생활’이 아니라, 프로덕트 디자이너로 살아가기 위한 기초 체력을 다진 시간이었습니다. 도전과 성취디자인 시스템 구축 입사 직후 가장 큰 과제는 흩어져 있던 UI와 규칙들을 정리하는 일이었습니다. 파운데이션부터 컴포넌트, 네이밍 규칙까지 새롭게 정의하고, 개발자와 함께 스토리북을 도입해 협업 체계를 마련했습니다. 배포 후, 만족도 조사에서 디자인 부분 만족도 1위를 달성했을 때 정말 뿌듯했습니.. 2025. 10. 17.

CRM 대시보드 개선 : 사용자 경험과 사용성이 어떻게 바뀌었나 CRM에서 대시보드와 차트는 단순히 데이터를 보여주는 도구가 아니라, 사용자가 제품을 이해하고 “더 많은 인사이트를 활용할 수 있겠다” 라고 느끼게 만드는 핵심 경험입니다.하지만 개선 전 세일즈맵 대시보드는 진입 장벽이 높고, 차트 생성 과정이 불필요하게 복잡했으며, 활용성과 확장성 면에서도 아쉬움이 많았습니다.이번 프로젝트에서는 차트 생성 과정을 57% 단축하고, CRM 특화 템플릿 제공과 데이터 활용성 강화를 통해 사용자가 더 쉽게 진입하고, 직관적으로 인사이트를 얻을 수 있도록 개선했습니다. 01 분석이번 대시보드 개선은 단순히 화면을 새로 디자인하는 수준이 아니라, 실제 사용 맥락을 깊이 이해하고 사용자 문제를 구조적으로 정의하는 데서 출발했습니다. 약 2개월간 아래와 같은 리서.. 2025. 9. 26.

[자격증]2025 웹디자인개발기능사 국가공인자격 필기/실기 합격 후기 01 준비하게 된 이유?프로덕트 디자이너로 취업한 이후 7-8개월 가량은 회사에 적응하고, 새로운 나의 직업을 소화하느라 정신없이 흘러간 듯하다. 전공자도 아니고 경험이 많은 것도 아니고 입선에 도전하자니 시간과 노력이 당장에 투자할 여력이 없었다. 이것저것 살펴보다보니 25년도부터 웹디자인 자격증이 개편되면서 좀더 넓은 범주의 자격증으로 바뀌었다는 소식을 접하게 되었고, 프로덕트 디자이너로써 여러모로 도움이 될 것 같아서 도전하게 되었다. 기본적인 지식들은 있어서 독학으로 준비하였다. 02 필기 준비일단 나는 시험결제를 먼저 하고 공부를 시작했다. 그래야 더 열심히 할 것 같아서..ㅋㅋ;;필기시험은 2025년 정기 기능사 2회로 4월 7일 월요일 시험으로 예매했다. 무려 3월 21일에..2주 정도 동.. 2025. 6. 27.

세일즈맵 디자인 시스템 구축기(EaseMap Project: SMDS) 들어가며세일즈맵에 합류한 직후, 회사가 디자인 시스템 구축을 고민 중이라는 사실을 알게 되었습니다. 이에 따라 디자인 시스템이 무엇인지, 이를 통해 어떤 이점을 얻을 수 있는지, 개발자와의 협업은 어떻게 이루어져야 하는지, 그리고 성공적인 사례는 어떤 모습인지 등을 먼저 조사해 정리했습니다. 이후 직접 회의를 제안해 C레벨 분들께 디자인 시스템의 필요성을 설명드렸고, 설득 과정을 통해 본격적인 프로젝트가 시작될 수 있었습니다. 입사 후 첫 랜딩페이지 개선 작업을 마친 직후 곧바로 착수한 이 프로젝트는 Product Designer로서 의미 있는 첫걸음이었습니다. 프로젝트 배경 및 목표프로젝트를 시작하기에 앞서 함께 작업할 FE와 함께 이 프로젝트의 방향성과 목표를 정리했습니다. 크게 다음 세 가지를 핵심.. 2025. 4. 21.

[유데미x스나이퍼팩토리] UI/UX 인턴형 프로그램 3기 과정 인턴 8주차(Final Week) 240705 금 [인턴쉽을 종료하며 작성하는 마지막 회고록] Keep1. 성실한 근태로 2달간의 업무 완수사실 가장 걱정되었던 부분은 근태였습니다. 지금까지 회사에 종사한 경험이 없고, 프리랜서로 매번 일을 했던지라 근태를 지키는 것이 항상 어려웠습니다. 이번에는 그런 습관을 고쳐보고자 저만의 목표로 '2달간 택시타지 않고 지각하지 않기'라는 어떻게 보면 당연히 해야하는 미션을 세웠습니다. 다행히 미션을 완벽하게 완수하였습니다. 시간 약속이 어색했던 저에게 좋은 습관형성이 된 것 같습니다.2. 아이콘 디자인 실제 서비스 반영아이콘 리디자인을 하면서 생각보다 컨펌 절차가 까다로워서 놀랐습니다. 그래서 시안도 정말 많이 디자인하기도 하였습니다. 직무전환을 하며 남들보다 빨리 공부를 진행했기 때문에 기본적인.. 2024. 7. 5.

[유데미x스나이퍼팩토리] UI/UX 인턴형 프로그램 3기 과정 인턴 7주차 240628 금 Done1. 홈화면 메인 카테고리 아이콘 컨펌 후 라이브 완료7주만에 컨펌이 완료되었습니다. 마지막 대표님과의 회의에 같이 참석하여 피드백을 들었고, 좀 더 창의적이었으면 좋았겠다는 말씀을 해주셨습니다. (창의적이게 100개 넘게 시안 뽑아갔는데 다 싫다고,, 하셨잖,,아,,ㅇ,,ㅛ,,,,,) 결과, 약간의 색감 보정 후에 개발자 분들께 핸드오프 하신 것 같았습니다. 6월 26일 수요일자로 업데이트 되어 적용되었습니다.(짝짝짝~)라이트모드와 다크모드의 통일감에 가장 신경을 많이 썼고, 아이가 있는 3-40대 여성이 주고객층이 선호하는 디자인을 키즈앱의 귀여운 느낌과 함께 살려보았습니다. 서브홈도 기존의 애매한 디자인에서 좀더 확실한 홈화면의 아이덴티티가 보여질 수 있도록, 또한 카테고리.. 2024. 6. 28.

[유데미x스나이퍼팩토리] UI/UX 인턴형 프로그램 3기 과정 인턴 6주차 240621 금 1. 제주 아이콘 제작 및 반영2. 서브 홈 아이콘 컨펌3. 검색결과 및 상세페이지 관련 리서치 보고4. 메인 홈 외 카테고리 아이콘 패밀리 제작 후 컨펌 요청5. 숙박 CRM 개선 참여 1. 제주 아이콘 제작 및 반영급하게 돌하르방을 모티브로 한 제주 아이콘 제작 요청을 해주셔서 진행하였습니다. 시안 제출 후 바로 라이브에 반영되었습니다. 2. 서브 홈 아이콘 컨펌카테고리 아이콘 제작 후 동일한 톤앤매너로 서브 홈 아이콘 수정요청이 있어 추가 제작을 하였습니다. 사내 선호도 조사 후 디자인 디벨롭 후 컨펌 요청드렸고 해당 사안은 진행중 입니다. 3. 검색결과 및 상세페이지 관련 리서치 보고리서치 완료 후 각각 플로우차트와 IA로 정리하여 보고드렸습니다. 4. 메인 홈 외 카테고리 아.. 2024. 6. 24.

[유데미x스나이퍼팩토리] UI/UX 인턴형 프로그램 3기 과정 인턴 5주차 240614 금 지난 주 작업했던 아이콘 작업의 마무리 단계에 돌입하였다. 기존의 아이콘에서 조금 더 심플한 무드를 줬으면 좋겠다는 피드백을 주셔서 불필요한 라인들을 제거하여 좀 더 형태감을 심플하게 다듬었고, 포인트 색상의 면적차가 과한 느낌이 있어 컬러감을 덜어냈다. 다크모드도 동일한 느낌으로 수정하고 작업을 완료하였다. 1. 아이콘 작업 이 후에 카테고리 위에 존재하는 서브 홈 아이콘도 패밀리감을 맞춰서 수정했으면 좋겠다고 하셔서 이 부분도 같이 수정을 진행하였다. 약간은 다른 유형의 아이콘이라 완전 동일하게 제작하는 것 보다는 살짝의 차이를 두고 작업하는게 좋다고 생각하였다. 또한 기존에 상징하던 열기구와 집 아이콘의 모양이 식상한것 같아 새로운 도안을 요청하셔서 레퍼런스를 찾아보다 레.. 2024. 6. 14.

[유데미x스나이퍼팩토리] UI/UX 인턴형 프로그램 3기 과정 인턴 4주차 240607 금 월-화에는 디자이너분들께서 2차 완성된 아이콘 디자인을 정리하시고 대표님께 컨펌을 요청해주셨다. 다행히 이번엔 통과되었고, 이 시안으로 추가 수정을 부탁하셔서 다크모드와 홈아이콘의 디자인을 좀 더 수정하게 되었다. 중간에 숙박 결제하는 플로우의 UT를 진행중이셔서 내가 사용자가되어 테스트를 도와드렸다. 그리고 내가 사용자였을 때 느꼈던 불편했던 점과 디자이너로써 이해가 가지 않았던 부분들을 서로 얘기하며 회의하는 시간을 가졌다. 아래 대표님의 피드백에 맞춰서 추가 시안 제작을 진행하였다. 두께별로 아이콘 시안을 테스트해보고 1.2와 1.3정도의 두께감이 가장 좋아서 두가지 굵기로 작업을 진행하였다. 그라데이션으로 전체적인 메인컬러감을 맞춰준 버전과 메인컬러만 포인트라인으로 들어.. 2024. 6. 7.

[유데미x스나이퍼팩토리] UI/UX 인턴형 프로그램 3기 과정 인턴 3주차 240531 금 This Week Tesk1. 아이콘 수정 작업2. 커뮤니티 피드 레퍼런스 리서치 지난주에 받았던 피드백을 토대로 아이콘을 다시 수정해보았다. 컬러감을 조정하고 형태감을 좀 더 다듬었다. 버전2는 조금더 파스텔 느낌 버전2.1은 조금더 원색 느낌으로 준비하고 수요일에 회의를 하였다.(보기에 같은 컬러같지만.. 엄연히 다른 색상팔레트다..) 2.1의 느낌이 조금더 좋은 것 같다고 하셔서 이 컬러감을 좀 더 보완하고, 형태감을 조금씩 더 보완하였다. 그리하여 이렇게 1차 최종시안이 나왔다. 이렇게 전체 공지도 해주셨는데....... 대차게 다시 홀딩되어버렸다.눈물....ㅠ 그래서 일단 피드백 내용 토대로 다시 수정하였다. 추가 시안 요청주신 부분이 있어서 시안을 추가해보았다. .. 2024. 5. 31.

[유데미x스나이퍼팩토리] UI/UX 인턴형 프로그램 3기 과정 인턴 2주차 240524 금 TESK LIST- 홈 카테고리 아이콘 디자인- 피드백 후 고도화 및 수정 이번주는 저번주에 시작했던 아이콘 제작을 이어서 진행하였다. 홈에 들어갈 아이콘이라 최대한 섬세하게 제작을 하였고, 키즈앱의 아이덴티티를 살리는 방향으로 제작해보았다.지난주에 찾았던 레퍼런스들과 시안을 통해서 1차 디자인 시안을 제작하였다. 어떤 아이콘을 원하시는지 잘 모르겠어서 생각나는대로 여러방향으로 제작을 해보았다. 1. Mono Tone Line Icon 2. Duo Tone Line Icon 3. Multi Color Icon 마지막 이모지같은 느낌의 아이콘을 고도화 시키면 좋겠다는 피드백을 받았고, 전체적인 색감과 크기감, 톤앤매너를 수정하였다. 전체적인 컬러톤과 크기감과 곡률감을 수.. 2024. 5. 24.

이전 1 2 3 4 ··· 12 다음

티스토리툴바