컴퓨존 관리자 앱내 인사이트 페이지 개선
compuzone insight page improvement
컴퓨존 모바일 매니저 내 컴퓨존 방문 현황/회원 현황/판매 현황 등
전반적인 통계를 통합하고 주요 현황을 상세화하여
운영 및 판매와 관련된 내용을 더 쉽게 파악할 수 있도록 합니다.
기여도 : 기획 60% 디자인 100%
compuzone insight page improvement
컴퓨존 모바일 매니저 내 컴퓨존 방문 현황/회원 현황/판매 현황 등
전반적인 통계를 통합하고 주요 현황을 상세화하여
운영 및 판매와 관련된 내용을 더 쉽게 파악할 수 있도록 합니다.
기여도 : 기획 60% 디자인 100%
![](https://cdn.myportfolio.com/ee8fc74a-fb8c-4749-a86a-efe22353d47b/8204ce94-353b-4aab-8b08-9fe73163f509_rw_1200.png?h=23082b4486e9bc1cac5f06ffa60d0432)
HOME
기존 홈 메뉴에서 접근성이 낮은 햄버거 탭을 제거하고 슬라이딩 탭으로 변경하였고
아이콘과 불필요한 색상 등 비주얼 요소를 재정돈하여 보다 통계로 시선이 빠르게 이루어지도록 했습니다.
기존 홈 메뉴에서 접근성이 낮은 햄버거 탭을 제거하고 슬라이딩 탭으로 변경하였고
아이콘과 불필요한 색상 등 비주얼 요소를 재정돈하여 보다 통계로 시선이 빠르게 이루어지도록 했습니다.
![](https://cdn.myportfolio.com/ee8fc74a-fb8c-4749-a86a-efe22353d47b/bf84f2d7-100d-40f0-81dc-82ba2ac07c2b_rw_600.png?h=110ad2c437db3bd6272f0b7e5f78e9ca)
as is
![](https://cdn.myportfolio.com/ee8fc74a-fb8c-4749-a86a-efe22353d47b/a3c668a5-5329-422e-8d2d-d2194039bd09_rw_1200.png?h=aea3fa675b2a5cb43172157fbfab3ecd)
to be
INSIGHT TAP
홈 이외에 인사이트 메뉴들은 하위 통계 부분이 다소 많았기 때문에 메인 메뉴 탭을 선택하게 되면
좌우로 슬라이드 되는 하위 메뉴가 나타나도록 구성했습니다.
홈 이외에 인사이트 메뉴들은 하위 통계 부분이 다소 많았기 때문에 메인 메뉴 탭을 선택하게 되면
좌우로 슬라이드 되는 하위 메뉴가 나타나도록 구성했습니다.
![](https://cdn.myportfolio.com/ee8fc74a-fb8c-4749-a86a-efe22353d47b/0b9c6148-6cb6-4553-88e5-6f16a01a2b73_rw_1200.png?h=c8b12218de7a19abe2686e47eb8dfcee)
![](https://cdn.myportfolio.com/ee8fc74a-fb8c-4749-a86a-efe22353d47b/0cf1a53d-01c8-40ee-835c-dc2f8ee569e7_rw_1200.png?h=8fbec34e1aa9d0cd90026b30e9582449)
INSIGHT TAP
컬러의 강조와 비강조 톤을 전체적으로 맞추고, 통계를 표현하는 화면으로 숫자가 많이 사용되는 만큼
시선의 정렬을 일관되게 하여 복잡함을 줄일 수 있도록 했습니다.
컬러의 강조와 비강조 톤을 전체적으로 맞추고, 통계를 표현하는 화면으로 숫자가 많이 사용되는 만큼
시선의 정렬을 일관되게 하여 복잡함을 줄일 수 있도록 했습니다.
![](https://cdn.myportfolio.com/ee8fc74a-fb8c-4749-a86a-efe22353d47b/2ea77879-43df-4d0f-8149-ecb91387b7b3_rw_1200.png?h=77533af358b1270e5b0ffe20621683d2)
![](https://cdn.myportfolio.com/ee8fc74a-fb8c-4749-a86a-efe22353d47b/cde410d7-edae-411e-a4f2-2417f5fa85e7_rw_1200.png?h=dd67c826991d6aac0d7befee331ded92)
CALENDAR TAP
정을 지정해서 보는 탭은 처음과 마지막 날짜를 선택할 수 있도록 설정하고
내가 선택한 부분을 정확히 보여줄 수 있도록 합니다.
정을 지정해서 보는 탭은 처음과 마지막 날짜를 선택할 수 있도록 설정하고
내가 선택한 부분을 정확히 보여줄 수 있도록 합니다.
![](https://cdn.myportfolio.com/ee8fc74a-fb8c-4749-a86a-efe22353d47b/323009c0-4136-4b64-96a8-cef60099acbf_rw_1200.png?h=071d2132e54d56104ad416ee5ce2778b)
![](https://cdn.myportfolio.com/ee8fc74a-fb8c-4749-a86a-efe22353d47b/139a8acd-aef4-4c10-82b0-8d835fc28e78_rw_1200.png?h=af82c94bc363ede125c5c88a977ffe96)