비즈니스 플랫폼 홈 대쉬보드 2.0 업데이트

사용자의 업무를 효율적으로 돕는 업무 관리 서비스 홈 대시보드의 UX UI 디자인을 개선했습니다.

프로젝트 배경

업무에 필요한 서비스와 협업 기능이 더 잘 연결되어 편리하게 관리할 수 있도록

서비스 소개

ERP 기반의 업무 관리 프로그램

ERP 기반의 경비청구, 전자결재, 근태관리 프로세스를 통합하여

한 번에 관리할 수 있도록 제공합니다.

협업 도구

메신저, 화상회의, 일정관리, 클라우드 스토리지 협업 기능을 함께 제공하여 업무를 효율적으로 관리하고 협업을 강화할 수 있습니다.

1.0 서비스 소개

22,400여개의 기업이 사용하고 있는 위하고 서비스는

4년 넘게 업데이트가 없어 대대적인 개편이 필요했습니다.

제가 합류하기 1년 전부터 새로운 버전 출시를

추진하기 위해 2.0 서비스 계획을 세우기 시작했습니다.

역할

1.0 서비스 리디자인

→ 2.0 인터페이스로

2.0 프로젝트에서는 기존의 서비스의 UX UI 전반을 개선하여

1.0 서비스와 차별화된 아이덴티티를 형성하는 것을 목표로 했습니다.

1: 레이아웃 & 프로토타입

(2022. 07 - 2022. 11)

카드형 레이아웃과 간결한 인터페이스로 개선하고

알람 프로토타입을 구현했습니다.

브랜드 에셋 리디자인

(2022. 12 – 2023. 06)

그래픽 모티브를 제작해 브랜드 신뢰와 인식을 높여 고객에게 전달하는 가치를 극대화하고자 했습니다.

2: 레이아웃 개선 및 세부 서비스

(2023. 10 – 2024. 02)

새로운 비주얼요소를 최종 개발 디자인에 적용하고 세부 서비스 화면을 개선했습니다.

디자인 시스템 제작

(2024. 02 – 2024. 07)

기존의 디자인 시스템을 개선하고

내부 디자인 표준 가이드를 구축했습니다.

해당 프로젝트는 다른 서비스 업데이트와 동시 진행하였습니다.

결과

콘텐츠 UI 리디자인

네비게이션 뎁스를 50% 줄여 효율성을 개선하고 주요 기능을 우선하는 디자인으로 개선하여

사용자의 중복적인 작업 부담을 줄였습니다.

50% 가벼워진 정보구조

쉽게 필요한 정보를 얻도록 핵심 기능 개선

비주얼 에셋 배포

모션 및 3D 에셋을 도입해 브랜드에 대한 신뢰와 인식을 높인 안정적인 경험을 제공하여

연간 20억원의 마케팅 비용 절감 효과를

달성하였습니다.

모션 및 3D 그래픽 에셋 도입

마케팅 비용 절감

디자인 시스템 제작

개발 팀과 협업하여 내부 디자인 표준을 최적화해기존 작업시간 40%를 단축할 수 있었습니다.

40% 생산성 향상

레거시 컴포넌트 업데이트

리서치

기존의 데이터로 문제를 파악하고 개선 목표를 우선순위에 두었습니다.

프로젝트 투입 이전, 2021년 MAU 데이터와

이전 버전의 와이어프레임을 확인할 수 있었습니다.

경쟁사 분석과 6명의 사용자 인터뷰를 검토해

제품 개선을 위한 패턴을 발견했습니다.

낮은 협업 서비스 이용률

메신저, 클라우드, 연락처, 일정관리와 같은 협업 기능의 사용 빈도가 다른 서비스에 비해 저조했습니다.

월간 활성 사용자(MAU) 통계

더 효율적으로 업무관리하는 정보 구조

유사한 경쟁 제품의 사용자들은 자주 접근하는 메뉴 기능을 적극적으로 사용합니다.

경쟁사 분석

불편한 메뉴 접근

업무에 필요한 모든 서비스가 있지만 메인 화면에는 개인화된 기능이 부족하다고 느꼈습니다.

사용자 인터뷰 피드백 (VOC)

대시보드 와이어프레임

사용자 맞춤형 대시보드 와이어프레임 초안을 제작해 초기 계획을 세웠습니다.

인사이트

편차가 큰 서비스 이용률

사용자들은 주로 몇 가지 업무 관련 기능에 의존하고 다른 서비스를 거의 사용하지 않았습니다.

연결이 부족한 서비스

서비스 간의 탐색이 번거롭고 메인 화면은 기본 포털 역할만 했습니다.

전반적 업데이트가 필요한 디자인

새로운 2.0 서비스의 안정성과 신뢰를 보장할 수 있는 신규 디자인 적용이 필요했습니다.

목표

4C-Driven 디자인

일관성 (Consistency), 연속성 (Continuity), 맥락 (Context), 그리고 상호보완성 (Complementarity) 개선을 주요 목표로 삼았습니다.

레이아웃 개선

핵심 기능을 강화하고 개인화된 설정을 제공하여

사용자가 필요한 업무 정보를 쉽게 접근할 수 있도록 합니다.

콘텐츠 연결 향상

홈 대시보드에서 실시간으로 처리해야 하는 작업을 위해

자주 사용하는 기능의 접근성을 개선합니다.

브랜드 인지도 회복

기존 디자인을 업데이트하고 전문적이고 신뢰할 수 있는

브랜드 아이덴티티를 명확하게 전달하기 위해 리브랜딩합니다.

통합된 디자인 시스템

최대 30개 서비스에 적용되는 디자인 시스템을 통합해

혼란을 최소화하고 긍정적인 사용자 경험을 유도합니다.

해결

솔루션 접근

레이아웃은 유지하고, 기능간의 연결을 더 견고하게

핵심 기능 우선 개선

서비스별 핵심 기능을 강조하는 데 집중했습니다.

업무 플로우 개선

각 기능에 더 쉽게 접근할 수 있으면 사용성이 향상될 것이라는 가설을 기반으로 테스트했습니다.

기존 네비게이션 분석

자주 사용하는 기능을 사용하기 위해 최소 3개의 화면을 탐색해야 한다는 것을 발견하고

이 과정을 간소화하는 것을 목표로 했습니다.

위젯형 와이어프레임

홈 화면에서 주요 기능을 더 쉽게 접근할 수 있도록

와이어프레임 시안을 제작했습니다.

사용자 특성

타겟 사용자층

사용자들은 위하고 서비스를 오랫동안 지속적으로 사용해오고

업무에서 보조적인 용도로 사용하고 있습니다.

업데이트 의견

현재 레이아웃이 큰 문제를 일으키지 않아왔기 때문에

갑작스러운 업데이트는 작업 흐름을 방해할 수 있습니다.

사용자 인터뷰 피드백 (VOC)

기존 레이아웃 개선

급격한 디자인 변화를 도입하기보다는

기존 레이아웃을 다듬고 발전시키기로 결정했습니다.

기존 레이아웃

1.0 서비스 기반 개선 레이아웃

향상된 위젯 기능

캘린더

캘린더 영역을 확장해

한눈에 자세한 일정을 볼 수 있습니다.

일정

할 일 목록과 화상 회의 정보를 확인하고

일정을 바로 추가할 수 있는 버튼이 있습니다.

뉴스

썸네일 컴포넌트 디자인을 업데이트하고

메모 서비스로 접근할 수 있는 영역으로 개선했습니다.

타임라인

사용자 근태 관리 및 휴가 요청을 위한 섹션을 추가하고

서비스별 타임라인을 볼 수 있도록 개선했습니다.

전체 메인 레이아웃

위젯을 사용하여 더 많은 정보와 콘텐츠를 시각적으로 복잡하지 않도록 개선했습니다.

업무에 곧바로 대응할 수 있는 헤더 모달 기능

알림

조직 및 팀에 따라 각 서비스별 알림을 확인할 수 있습니다.

북마크

저장된 대화 내용, 파일, 할 일 목록, 메모, 조직도를 바로 확인할 수 있습니다.

멘션

사용자가 언급된 모든 관련 내용을 표시합니다.

파일함

대화에서 주고받은 파일을 바로 확인할 수 있습니다.

최근 방문 메뉴

사용자가 타임라인을 기반으로 최근 방문한 서비스에 직접 접근할 수 있도록 합니다.

프로필

프로필 설정 및 가이드에 대한 안내를 제공합니다.

메인 이벤트 알람

실시간 알림을 강조하여 사용자가 신속하게 확인하고 응답할 수 있습니다.

50% 간소화된 플로우

더 빠르고 효율적인 개선

사용자가 1~3단계 내에 필요한 정보를 효율적으로

접근할 수 있도록 개선했습니다.

View the next project