APP Design
APP Design
중부도시가스
LIFE ON
복잡하고 까다로운 고지서...
어떻게 봐야하지?
어떻게 납부하지?
고민하는 당신을 위한 스마트한 앱
중부도시가스 이용 고객에게 지역 기반의 다양한 혜택을 제공하고, 모바일 고지서를 통해 도시가스 업무 편의성을 증대시키기 위해 라이프온 앱을 오픈했습니다.
추 후, 고객이 라이프온에 느끼는 불편함과 다양한 서비스를 더하기 위해라이프온 리뉴얼 프로젝트를 진행하였습니다.
Launcher Icon
Motivation
도시가스의 이미지를 가장 명확하게 보여줄 수있는 에너지소비효율등급 이미지와 라이프온의 슬로건인 "생활에 가치를 더하다" 생활에 ON하는 이미지를 형상화해, 라이프온의 지향하는 가치를 보여주는 것을 목표로 두었습니다.
접속하다 ; ON
Access your life
에너지소비효율등급
Energy consumption efficiency grade
Signify
라이프온의 런처 아이콘은 에너지소비효율등급의 이미지에서 시작합니다. 메인컬러 #3458AC를 중심으로 만들어진 그라데이션으로 자연스러운 라운드를 보여주며, 키워드인 ON의 이미지를 아이콘으로 표현합니다.
text type logo design
app icon design
#318BE5
#216FD4
#2255BEMain color
#334AAA
#193793
Design System
Typography / Color
국문과 영문을 하나의 서체로 사용하여, 통일성을 보여줍니다.
각 글자의 굵기별 용량을 최소화해 웹 환경에서 부담 없이 사용할 수 있으며, 하나의 서체로 여러 나라 언어를 통일된 느낌으로 표현할 수 있습니다.
#C5D7FD
R 197 G 215 B 253
#EAF1FF
R 234 G 241 B 255
#F8FBFF
R 248 G 251 B 255
#2355BE
R 35 G 85 B 190
생활에 가치를 더하다
생활에 가치를 더하다
생활에 가치를 더하다
Light
Regular
Bold
#DF3434
R 223 G 52 B 52
#FFFFFF
R 255 G 255 B 255
#333333
R 51 G 51 B 51
#666666
R 102 G 102 B 102
#AAAAAA
R 170 G 170 B 170
#DDDDDD
R 221 G 221 B 221
#EEEEEE
R 238 G 238 B 238
#F7F7F7
R 247 G 247 B 247
SpoqaHanSans
장평 100 자간-25
Design System
Button / Form
Basic
Icon + Text
Default
Checked
Default
Selected
Off
On
Main Service
메인 홈
기존 고객은 "고객번호 등록" 버튼을 통해 기존의 사용자의 데이터를 불러옵니다.
"신규전입" 버튼을 메인에 배치하여, 새로 이사한 사용자도 쉽게 등록 가능하게 합니다.
라이프온의 주요 서비스인 스마트 고지서, 가스 다이어리, 요금납부 등을 메인에 노출해 접근성을 높입니다.
Search
하단Bar에서 검색을 쉽게 찾을 수 있습니다.
하나의 단어를 입력하면 현재 입력 상태에 맞춰 시스템이 권장 키워드를 추천해줍니다.
추천 키워드는 타이핑 시간을 줄여줄 수 있으며, 키워드 선택의 정확성을 높여줄 수 있습니다.
Smartbill
기존 지로 고지서의 번거로움과 보기 어려운 데이터를 그래프로 만들어 사용요금을 쉽게 확인할 수 있도록 디자인 했습니다.
언제 어디서나 사용자가 원할때 간편하게 고지서를 확인할 수 있습니다.
Payment
납부하기는 2가지로 나뉩니다.
요금납부 페이지에서 미납내역 확인후, 선택 요금 납부로 이동되는 선택적 요금 납부
스마트 고지서에서 "요금 납부하기" 버튼을 눌러 이동되는 납부하기
Gasdiary
가스 다이어리는 달력을 기본으로 한 서비스 입니다. 달마다 사용자가 챙겨야하는 주요 이벤트들을 보여줍니다.
기본적인 검침일, 납부시작일과 마감일을 보여주며, 그 외에 사용자가 직접 입력해 본인의 도시가스를 좀 더 스마트하게, 더 효율적으로 도시가스를 관리할 수 있습니다.
