KAKAO i CLOUD

Visual Components & Service Design

서비스 사용자인 개발자와 많은 커뮤니케이션을 통해 디자인 및 UX를 수정해가면서 시스템을 구축

  • Summary

  • Web Service

  • UI Design

  • Interaction

  • UX Guideline

  • Client

  • KAKAO ENTERPRISE

  • 2020

Components Design

각 제품별 디자인 테스트를 통해 파악한 UX패턴들을 정리하여, 필요한 요소를 컴퍼넌트화하였다.
나중에 브랜딩이 결정되고, 메인 색상이 변경되었을때에도 쉽게 반영 및 디자인 수정이 가능할 수 있었다.
또한 해당 컴퍼넌트를 활용해 기획서 작업시에도 활용하여, 디자인 작업까지 시간을 아낄 수 있었다.

Interaction Prototype

각 제품의 메인을 강조하면서 사용성을 방해하지 않는 방향의 레이아웃을 구성하기 위해 스크롤 인터랙션을 제안하였다.
웹 프로토타이핑을 통해서 개발에서도 바로 적용하여 테스트 해볼 수 있도록 하였다.

Dashboard

클라우드에서 사용하는 제품의 사용량, 비용 등 정보를 파악할 수 있는 제품이다. 브랜딩이 확정되기 전에 파란색을 메인 컬러로 잡고 진행한 시안으로, 비용은 권한 이슈로 빠지게 되면서 전체적으로 디자인이 변경되었다.

Virtual Machine

브랜딩이 결정되고, 카카오 색상이 적용되면서 컴퍼넌트 및 전반적인 제품 디자인을 수정 반영하게 되었다.

Billing

사용량에 따른 비용을 실시간 확인 및 청구서를 볼 수 있는 제품이다. 특별한 기능보다 각 항목을 한눈에 파악할 수 있도록 디자인하는데 집중하였다.