amator3 · 위시켓(Wishket)

프로젝트 배경

이 프로젝트는 클라우드 인프라 환경의 복잡성을 해결하고 클라우드 컴퓨팅 엔지니어의 혼란을 최소화하고
사용성을 최적화하는 데 중점을 두었습니다.
사용자가 직관적으로 시스템을 이해하고, 목표를 효율적으로 달성할 수 있도록 UX/UI를 디자인하고 설계했습니다.

핵심 기능

정산(Billing) 대시보드 및 상세화면

회계 정산 담당자와 프로젝트 관리자에게만 접근을 허용하는 RBAC 기반 대시보드로 결제·청구 데이터를 탐색하고, 월별 사용비 추이 그래프/차트와 보고서 내보내기를 지원하며, 그리드 카드형 커스터마이즈와 미니멀 디자

모니터링 (Monitoring) 대시보드 및 상세화면

주요 서비스 인스턴스, 볼륨, 오브젝트의 주의/위기 상태를 한눈에 식별하고, 알림에서 즉시 조치까지 이어지는 모니터링 화면을 설계했습니다.

회원가입의 기획 및 디자인 설계

개인사용자/비즈니스 사용자의 각각의 회원가입 입력필드를
사용자에게 인지하기 좋도록 글로벌 스탠다드 기준에 맞춰 프로세스를 기획하고 디자인하였습니다

진행 단계

기획 및 요구사항 정의

2023.03.

오픈소스 기반의 클라우드 컴퓨팅 솔루션에 대한 경쟁사와 레퍼런스 리서치를 진행하고 이전의 솔루션의 사용자 분석과 인터뷰를 통해 시스템의 기술적 한계와 비즈니스 요구사항을 정확히 파악했습니다

디자인 시스템 구축

2023.03.

타이포그라피,그리드 레이아웃, 모달, 버튼, 피드백, 로딩과 같은 컴포넌트 요소
및 차트그래프, 프로그레스 기반의 디자인 시스템 가이드를 관리자 화면의 휴리스틱을 고려하여 구축하였습니다

UX 레이아웃 및 화면설계

2023.05

1. 회원가입
2. 로그인 및 비밀번호 변경
3. 회원정보 수정 (기업,개인)
4. 네트워크 생성
5. 템플릿 생성
6. 모니터링 대시보드 , 디테일 뷰
7. 그라파나 대시보드
8. 홈 대시보드

프로젝트 상세

1) 클라우드 컴퓨팅 플랫폼
- 엔지니어 및 개발자가 클라우드 컴퓨팅 자원을 사용할 수 있는 플랫폼(예:AWS,AZURE)

2) 작업 범위:
- 로고 디자인
- 아이콘디자인
- 기능 정의, 문제 해결 및 화면 설계 디자인, QA
- 어드민 , 사용자 페이지 별도 설계
- 디자인시스템

3) 주요 업무: 해당 서비스의 주요 기능
- 서비스 모니터링 대시보드
- 서비스 빌링 대시보드
- 서비스 회원가입
- 서비스 로그인
- 서비스 사용자 초대

4) 기획 및 디자인 진행 시 중점이 되었던 사항
- 사용자의 기능을 타사와 벤치마크를 하여 사용성을 고려하여 레이아웃과 텍스트 및 아이콘, 메트릭 식별과 같은 주요 정보를 잘 구현할 수있도록 기능정의 및 설계하고자 했습니다

아이콘 디자인 시안 및 확정버전

콘솔 아이덴티티 BI 디자인 및 일러스트레이션 가이드

디자인 시스템 구축 - 웹접근성 체크 및 토큰 라이브러리 구현

회원가입 UX 디자인 - 휴리스틱 고려 및 라이팅

빌링 결제 대시보드 화면