AI · SNS 유입까지 한 화면에 - 비젠웹로그 솔루션 V4.0 출시

메인 화면 기획 및 데이터 분석 중심 대시보드 구성

[메인 화면 기획]

방문자수·페이지뷰·검색엔진·방문자 상세·접속자 정보 다섯 가지 분석 축을 좌측 메뉴의 대분류로 세우고,

시간·일·주·월·연 단위 세부 통계를 그 아래에 묶어 원하는 지표까지 두 번의 클릭으로 도달하도록 기획했습니다.

모든 통계 화면은 기간 선택, 그래프, 요약 분석 표 순서로 동일하게 흐르도록 구성해

어떤 메뉴에서도 '기간을 고르고, 추이를 보고, 수치를 확인하는' 분석 흐름이 끊기지 않도록 했습니다.

메인 디자인 시스템

[메인 디자인]

다크 네이비 사이드바와 연회색 작업 영역을 대비시키고, 데이터와 주요 버튼에는 인디고 블루 한 가지 포인트 컬러만 써서 많은 수치 속에서도 시선이 그래프에 먼저 닿도록 했습니다.

흰 라운드 카드로 그래프와 표 영역을 구획하고 짙은 표 헤더로 열 구분을 분명히 했으며,

로그인 화면은 네이비 배경 위 인디고 빛 번짐과 흰 카드로 관리자 도구다운 정돈된 첫인상을 주도록 디자인했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

추이를 보는 방문자·페이지뷰 통계는 막대와 평균선 그래프로, 비중을 보는 검색사이트·검색어·브라우저·OS 통계는 도넛 차트와 순위 리스트로 표현해

데이터의 성격에 맞는 시각화를 적용했습니다.

요약 분석 표에는 지난주·한 달 전·1년 전 대비 증감을 대폭·소폭 증가와 감소 네 단계의 색상 화살표로 표시해,

수치를 일일이 비교하지 않아도 변화의 크기를 바로 읽을 수 있도록 구성했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

기간 선택 옆에 이전·이번·다음 기간과 최근 30·60·90일 같은 빠른 버튼을 두어 날짜를 직접 입력하지 않고도 비교 구간을 바꿀 수 있게 했고,

그래프마다 막대·선 전환과 이미지 저장 도구를 제공했습니다.

사이드바는 전체 펼침·닫힘과 접기 탭으로 작업 공간을 넓힐 수 있게 했고, 하단에 오늘·현재·어제·전체 방문자 요약을 상시 노출했으며,

모바일에서는 메뉴를 숨기고 표를 세로형으로 바꿔 작은 화면에서도 수치를 확인할 수 있도록 설계했습니다.