사내 UMS 서버
관리자 대시보드

2020.11
Design 100% · Markup 100%
Responsive Web

  • Project Background1

    • 수빈님, 회사 UMS 서버 관리하는 대시보드
      디자인 요청드려요!
    • 네😃 중점적으로 두어야 할 부분이 있을까요?
    • PC로 보기에 큼직하고, 외근시에도 사용할 수 있도록
      모바일까지 반응형으로 제작해주세요.
    • 넵 알겠습니다!
  • ums 이미지입니다.

    Project Goal2

    모두를 위한 반응형 웹 외근 중에 모바일로 확인하는 직원들부터
    급하게 처리 해야하는 업무가 있는 직원들까지
    다양한 디바이스에서 모두 보기 쉽도록
    일관성있는 경험을 제공해요.

  • UI COMPONENT3

    BUTTONS
    TAB

Project Overview4

  • 텍스트보다 이미지가 직관적이니까
    기업 CI를 왼쪽 상단에 배치해
    실행되는 프로젝트를 한눈에 알아보게 했어요. 기업명과 프로젝트 제목은 실제 프로젝트가 아닌 임의의 내용입니다.
  • 반응형이니까 디바이스에 맞게
    디바이스마다 보여지는
    카드 컨텐츠의 갯수를 다르게 했어요.
  • 따로 또 같이
    사용중인 프로젝트, 사용이 끝난 프로젝트를
    탭으로 나누어 편하게 볼 수 있어요.
  • 눈에 띄는 버튼
    버튼은 상단으로 올려 빠르게 관리할 수 있게 했어요.
    모바일에서는 버튼을 상단에 Fixed 시켜서
    스크롤이 길어져도 걱정없어요!

Design · Markup5

진행중 리스트

  • kb국민은행 로고입니다.
    • Server190.100.0.1
    • Port10000
    사용중
    KB국민은행 허브 APP PUSH 서비스
    KB국민은행
    user1 외 2명
  • kb국민은행 로고입니다.
    • Server190.100.0.2
    • Port10000
    사용완료
    KB국민은행 허브모바일
    KB국민은행
    user1
  • 중고나라 로고입니다.
    • Server190.100.0.2
    • Port10000
    사용중지
    중고나라 내차사기 프로모션
    중고나라
    user1
  • 미쉐린타이어 로고입니다.
    • Server190.100.0.2
    • Port10000
    사용중
    미쉐린타이어코리아 제네시스 모바일
    미쉐린타이어코리아
    user1
  • 미쉐린타이어 로고입니다.
    • Server190.100.0.2
    • Port10000
    사용중
    미쉐린타이어코리아 2021 프로모션
    미쉐린타이어코리아
    user1
  • 중고나라 로고입니다.
    • Server190.100.0.2
    • Port10000
    사용중지
    중고나라카옥션 내차팔기 허브모바일
    중고나라
    user1 외 2명
  • 미쉐린타이어 로고입니다.
    • Server190.100.0.2
    • Port10000
    사용완료
    미쉐린타이어코리아 허브PC
    미쉐린타이어코리아
    user1
  • kb국민은행 로고입니다.
    • Server190.100.0.1
    • Port10000
    사용중
    KB국민은행 허브PC
    KB국민은행
    user1 외 2명