Profile
Collaboration Cloud Solutions
- Date
- 2022 - 2023
- Role
- Design(90%)ㆍPublishing(100%)
- Platform
- WebㆍMobileㆍResponsive
Overview
수출입 업무의 비효율성을 해결하는 SaaS 협업 클라우드 솔루션
물류의 디지털화를 위해 만들어진 짐고는, B2B SaaS 형태로 제공되며 수출입 업무에 필요한 대부분의 기능을 담고있습니다.
기존 서비스 중인 트레드링스의 물류비 견적, 쉽고 트래킹 서비스의 확장판으로,
전화, 이메일이 필요없는 Cloud Form 서비스와 채팅, 통계 및 이력관리 등의 기능이 추가된
화주와 포워더를 위한 All-in-One 서비스입니다.
Inside & User Research
Pain Point
Needs & Wants
🤦♀️
- 정OO / 기획팀
- 서비스기획
- -
- "보여줘야하는 정보가 너무 많아요."
- ㆍ너무 복잡해 보일까 걱정이에요.
- ㆍ연동되어야하는 데이터가 너무 많아요.
- "정리가 잘 되어 보였으면 좋겠어요."
- ㆍ하나하나의 섹션들이 한 눈에 들어오길 원함.
- ㆍ데이터들이 흐름에 따라 자연스럽게 보여지길 원함.
💁♂️
- 정OO / 영업팀
- 영업/제휴 담당
- -
- "고객들이 데이터를 수치로 보기를 원해요."
- ㆍ하나하나 스스로 취합하고 통계를 내는게 힘들어요.
- ㆍ회사의 현 거래 현황을 한눈에 볼 수가 없어요.
- "통계를 한눈에 볼 수 있는 곳이 있었으면 좋겠어요."
- ㆍ거래처별, 물류비, 월별 거래건수 등의 통계를 볼 수 있기를 원함.
- ㆍ통계를 바로 보고용으로 사용할 수 있기를 원함.
🙋♂️
- 김OO / 포워더
- 수입 담당
- 트레드링스 이용자
- "엑셀로 정리해둔 데이터를 다시 입력하기 너무 번거로워요."
- ㆍ업체별로 양식이 달라 매번 다시 작성하는게 너무 소모적이에요.
- ㆍ수시로 변하는 상황에따라 엑셀을 다시 정리하기가 힘들어요.
- "엑셀을 그대로 사용할 수 있으면 좋겠어요."
- ㆍ엑셀 데이터를 그대로 복사/붙여넣기 할 수 있기를 원함.
- ㆍ통일된 양식을 원함.
🙋♂️
- 이OO / 포워더
- 수입 담당
- 트레드링스 이용자
- "업무의 경계가 없어서 힘들어요."
- ㆍ개인 메신저를 사용해서 퇴근 후에도 계속 답장을 하게되요.
- ㆍ여러 화주를 상대하다보면 메일이나 메신저가 헷갈려 잘 못 연락하는 경우가 있어요.
- "회사와 개인의 경계를 나누고 대응이 쉬운 연락 공간을 원함."
- ㆍ화주별로 대응할 수 있는 전용 메신저 공간이 필요.
- ㆍ내용이 쌓이더라도 쉽게 히스토리 관리가 가능한 서비스가 필요.
Pain Point & Solution
- Pain Point
- Solution
- 보여줘야 하는 정보가 너무 많아 복잡하고 어지러워 보일 수 있음.
- 카드 디자인을 활용하여 하나의 콘텐츠를 집중하여 볼 수 있도록 제작.
- 리스트가 많을 경우 카드 디자인은 스크롤이 심해지며, 간략하게 훑어볼 수 없음.
- 엑셀이 익숙한 사용자들과 간략한 정보를 훑어보고 싶은 사용자를 위하여 리스트 형식과 혼합 사용.
- 각 섹션들의 구분이 잘 되지 않고 가끔 눈이 방향을 잃음.
- 기존 White Bg에서 Gray Bg로 변경, 각 콘텐츠 영역이 확실히 구분될 수 있도록 변경.
- 포워더 회사에서는 엑셀로 데이터를 입력/관리하는 것이 어쩔 수 없음.
- 엑셀로 관리하는 데이터는 한 번에 불러올 수 있도록 그리드로 제작, 붙여넣기 가능하도록 함.
- 서류 양식과 엑셀 데이터들이 각 회사마다 달라서 매번 새로 작성해야함.
- 최대한 많은 양식을 입수 후 공통 부분을 취합하고, 짐고만의 공통 양식을 제공.
- 입력할 정보가 많은 페이지의 경우 다소 지루함과 입력을 포기를 할 수 있음.
- 과하지 않은 애니메이션을 활용, 인풋, 마우스 이벤트 등에 인터렉션을 적용하여 입체감을 줌.
- 짐고에서 진행하는 업무도 결국 외부 메일, 메신저를 활용해서 연락을 하여 불편함과 서비스 이탈의 이슈가 있음.
- 기업별로 대응가능한 메신저와 알림 기능을 제공하고, 모든 연락이 짐고 안에서 이루어 지도록 개선.
Design System
조금이라도 더 편하고 빠르게 디자인 가이드를 제공할 순 없을까?
의외로 많은 개발자분들이 피그마로 제공하는 가이드에 불편함을 느끼고 있었습니다.
하여, 기준이 되는 퍼블리싱 소스와 함께 온라인에서 바로 복사하여 사용 가능한
가이드를 제공하게 되었습니다.
AI
Icon Fonts
더 쉽고 빠르게 사용 가능하도록, 모든 아이콘은 폰트로 제작
이미지가 깨지거나 흐려지는 것을 방지하고, 반응형에 대응하기 쉽고 편하도록
모든 아이콘은 폰트로 제작하여 font-size로 조절할 수 있도록
가이드를 제공하였습니다.
ri-file-list-3-line
\ECEF
ri-file-copy-2-line
\ECD3
ri-file-forbid-line
\ECE2
ri-fingerprint-fill
\ED30
ri-refund-2-line
\F066
ri-hand-heart-line
\EDF3
ri-map-pin-line
\EF14
ri-map-pin-user-line
\EF1A
ri-ship-2-line
\F10E
ri-truck-line
\F231
ri-image-2-line
\EE45
ri-image-add-line
\EE47
ri-notification-2-line
\EF92
ri-settings-3-line
\F0E6
ri-more-line
\EF79
ri-more-2-line
\EF77
ri-information-line
\EE59
ri-alert-line
\EA21
ri-checkbox-multiple-blank-line
\EB87
ri-user-line
\F264
ri-user-add-line
\F25E
ri-cloud-line
\EB9D
ri-calculator-line
\EB1F
ri-calendar-event-fill
\EB24
ri-printer-line
\F029
ri-service-line
\F0E2
ri-edit-2-line
\EC80
ri-upload-cloud-2-line
\F24C
ri-download-cloud-2-line
\EC56
ri-delete-bin-5-line
\EC24
01. Dashboard
통계를 필요로 하는 포워더 회사의 요구 사항이 반영된 메뉴 구성으로,
더 많은 요구 사항 취합과 통계 다운로드 등의 메뉴를 추가하는 과정이었습니다.
02. 견적관리
많은 양의 데이터를 한 곳에서 집중하여 볼 수 있는 카드 형태와
스크롤을 최소화하고 싶거나 엑셀에 익숙한 포워더를 위한
리스트 형태로 구성되어 있습니다.
03. 선적관리
견적관리와 같은 구성으로, 엑셀로 데이터를 관리하는 포워더들을 위하여
리스트 형태의 경우 엑셀 그리드로 제작되어 있고,
데이터를 간편하게 복사 붙여넣기 하여 사용 가능하도록 제작하였습니다.
04. Message
개인 메신저 사용을 불편해하는 사용자와 서비스 외부에서의 작업을 최소화하기 위한 채팅 기능으로,
full size, floating, side, 총 3가지의 반응형 사이즈로 제작되었습니다.
05. 서류함
수출입에 필요한 각종 서류들을 생성, 저장할 수 있는 페이지로,
서류 종류의 명확한 구분을 위해 아이콘을 활용하고
많은 정보가 들어있지 않아, 일반적인 리스트 형태로 제작되었습니다.
06. 화물함
화물의 정보를 미리 저장해두고 언제든 사용 가능하도록 만들어진 페이지로
카드 디자인과 리스트 디자인으로 제작되었습니다.
화주의 요청 사항을 더 취합하여 구성이 늘어나는 단계였습니다.
-
거래처 정보도 넣을 수 있을까요? -
화물에 관한 간략한 정보를 적어 둘 공간이 필요해요. -
위험물 서류를 여기서 바로 등록할 수 없을까요? -
등록한 화물 개별이나 전체를 엑셀로 다운 받고 싶어요! -
TRADLINX ZIMGO
Review
- |
- |
- |
- |
- |
- |
- |
- |
기획과 개발이 동시에 진행되어 개발이 완료된 후에도 기획 변경으로 인한 제작업이 많았던 프로젝트였습니다.
시간문제로 개발 가능할 정도로 빨리 시안을 뽑고 다듬는 작업을 병행하여
많은 부분의 디자인들이 미완성으로 남아 아쉬운 작업이었지만,
다양한 테크닉을 배울 수 있는 작업이었습니다.
