카카오더
teraenergy
©2021
Platforms
- WEB
- MOBIL
- TABLET
What We Do
Product Design
Brief
카카오더는 개인 카페에 ‘사이렌 오더’ 와 같은 온라인 주문/결제 시스템 등을 제공하여, 개인 소상공인도 높은 품질의 편리한 서비스를 이용할 수 있는 IT 솔루션 입니다.
소규모 업체에서 접근이 어려운 어플리케이션 제작에대한 부담을 줄여주어 지역 소상공인들에게 편의를 제공합니다.
대부분의 사용자들에게 익숙한 유저 플로우를 기반으로 하여 사용자의 편으를 제공합니다.
본문
OUR APPPROACH
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_01.png)
USER FLOW
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_02.png)
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_03.png)
Design System
Black&White의 모노톤의 깔끔한 컬러에 가시성을 확보해줄 노란색을 포인트 컬러로 사용합니다. UI에 적합한 깔끔한 Noto폰트를 사용했습니다.
TYPOGRAPHY
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_04.png)
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_05.png)
COLOR CODE
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_06.png)
PRODUCT [APP UI]
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_07.png)
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_08.png)
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_09.png)
PRODUCT [ADMIN UI]
Black&White의 모노톤의 깔끔한 컬러에 가시성을 확보해줄 노란색을 포인트 컬러로 사용합니다. UI에 적합한 깔끔한 Noto폰트를 사용했습니다.
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_10.png)
![](http://teraenergy.co.kr/theme/basic/img/sample_bk_11.png)