Mobile Contents Design

1. 모바일 콘텐츠
서비스 브랜딩 디자인
mobile contents
서수하 이예림 : 녹지

2. 서비스 설명
리서치&분석
퍼소나 etc
기능&서비스구조
서비스 브랜딩
서비스 구현범위
목차

3. 생각의 계기
리서치 중 환경에 대한 문제 발견
환경보호에 대해 생각함
환경을 보호하려는 생각이 얼마나 오래갈 수 있을까? 고민
행동을 유지할 수 있도록 서비스는 어떨지 생각
환경보호 행동을 도와주는 서비스를 제작해보자!

4. 명수정(2010), 『 녹색 생활양식 확산을 통한 온실가스 감축방안 연구』, 한국환경정책・평가연구원, 2010, 1쪽
우리나라 비산업 분야의
온실가스 배출양이 전체 온실
가스 배출의 약 42%에 해당
가정 및 상업 부문의 에너지
소비량은 1991년에 비해
2008년 1.65배나 증가
개인이 일상생활 속에서
온실가스를 줄이는 노력만으로
국가 온실가스 배출의 상당량을
줄일 수 있음
녹색생활에 대한 관심

5. 많은 사람들이 녹색 소비생활을 실천하려는 의지가 있음
이러한 현상들은 해외에서도 나타나고 있고 녹색 소비생활이 정착 되어가고 있음을 의미
김영두, “녹색 소비생활에 관한 종단적 연구 2013년과 2015년 한국의 소비생활지표 비교”, 2017, p58
녹색소비생활 연구 2013년에 만 20세 이상 가구원 약 19,000명을 대상으로 녹색 생활 조사를 실시함
기후변화
심각성 인지 83.3%
에너지소비효율
등급표시 인지 78.1%
녹색생활 실천 63.3%

6. 명수정(2010), 『 녹색 생활양식 확산을 통한 온실가스 감축방안 연구』, 한국환경정책・평가연구원, 2010, 3쪽
녹색생활이란?
기후 변화의 심각성을 인지하고 일상에서 에너지를 절약해
온실가스와 오염물질의 발생을 최소화하는 생활
개인의 일상생활 태도가 지구 전체에 영향을 미친다는 것을 인식하고
가정 뿐 아니라 지역사회에서 자원을 절약하고 환경을 보전하는 삶을 추구하는 생활
녹색생활은 특별한 기술의 개발과 투자 없이 생활 속에서 개인의 실천 만으로도
온실가스 배출을 줄일 수 있기 때문에 제5의 에너지라고 불리기도 할 만큼 중요성이 높음

7. 명수정(2010), 『 녹색 생활양식 확산을 통한 온실가스 감축방안 연구』, 한국환경정책・평가연구원, 2010, 국문요약
녹색생활? 녹색생활 인식 & 실천 현황 파악하기 위한 조사
65.5 %
들어본 적 있다
75 %
녹색생활에 관심있다
75 %
녹색생활을 실천한다

8. 녹색생활 실천이 능동적으로 이루어지고 있기 보다는
수동적으로 이루어지고 있는 부분이 있음을 시사함
김영두, “녹색 소비생활에 관한 종단적 연구 2013년과 2015년 한국의 소비생활지표 비교”, 2017, p72
녹색생활 실천 정도
녹색생활 선도 부문의 평균이 가장 낮음

9. 카풀하기
승용차 요일제 준수
부족한 듯한
양만큼 조리하기
육류보다는 채식섭취 친환경 상품구매하기 전기밥솥보다는
압력밥솥 사용하기
샤워시간 줄이기
4층 이하는 계단 이용하기
조리시간 줄이기
명수정(2010), 『 녹색 생활양식 확산을 통한 온실가스 감축방안 연구』, 한국환경정책・평가연구원, 2010, 국문요약
녹색생활 실천 낮은 실천도를 보이는 행동들
교통 음식 소비 에너지

10. 우리나라 일반 국민은 환경문제에 높은 관심을 가지고
있긴 하지만 인식과 실제 참여가 격차가 있음이 드러남
명수정(2010), 『 녹색 생활양식 확산을 통한 온실가스 감축방안 연구』, 한국환경정책・평가연구원, 2010, 2쪽
녹색생활 인식

11. 녹색생활 실천 편의도구의 도입
녹색생활양식 확산을 위한
인프라의 필요성
명수정(2010), 『 녹색 생활양식 확산을 통한 온실가스 감축방안 연구』, 한국환경정책・평가연구원, 2010, 국문요약
녹색생활 전략

12. 녹색생활 실천을 위한 직접적이고 효과적인 서비스를 제작한다
방향성

13. K-Z NOK-Z
K-Z NOK-Z
녹색생활지킴이
녹색생활 습관형성 서비스
습관형성을 A부터 Z까지
서비스명 & 서비스목표 및 정의
환경에 관심이 많은
습관형성이 힘든
환경 제품을 구매하는
환경습관 형성을 어렵게 느끼는
Target
2-30대 연령층
환경보호에 관심이 있지만 어떻게 실천해야 할지
감을 잡지 못하는 사람 혹은 환경보호 동기를 얻고
실천을 지속적으로 반복하기를 바라는 사람들에게
도움을 줄 수 있는 서비스
녹지는 어떤 서비스?
환경에 대한 2-30대의 관심이 높아지는 추세
따라서 2-30대 연령층이 일상생활을 하면서
습관처럼 환경보전행동을 할 수 있도록 습관
을 형성하고 유지시켜주는 서비스를 제공
> 2-30대가 환경에 대한 관심을 지속하도록
돕는 서비스
> 수동적으로 이루어지고 있는 녹색생활을
능동적으로 변화시키는 서비스
> 환경보전행동에 적극적이지 않는 사람들의
변화를 돕는 서비스
녹지

14. 막막함
귀찮음 불편함
환경 행동이 잘 지켜지지 않는 이유
환경습관형성이 어려운 이유
Concept

15. 환경보호습관 User
습관형성
환경보호
Concept

16. 환경친화
습관형성
재미요소
환경적 색감
알림서비스
게임 접목
환경적인 디자인
컬러, 픽토그램을 이용한 환경적인 이미지를 떠올릴 수 있는 디자인
알림 서비스
환경 습관을 유지할 수 있도록 도와주는 알림 서비스
재미요소 접목
지루함을 느끼지 않도록 게임 요소 접목
Concept

17. 환경에 관심을 가지기 시작한 사람이
환경 보호를 어떻게 시작할지 고민한다
환경 서비스에 대해 찾아본다
환경 습관 형성 서비스인 녹지를 발견한다
습관 형성 체험을 하며 녹색 행동이
어려운 일은 아니라는 것을 깨닫는다
개인의 녹색행동이 중요해진다
많은 사람들이 녹지를 이용하며
환경보호행동을 이어나간다
녹지 서비스를 접한다
시나리오

18. 깔끔한
환경친화적
이미지
시인성이
좋은
직관적인
2-30대 연령층이 선호할만한 디자인이지만 다른 연령층이 사용해도 불편함이 없는 디자인
Concept

19. 퀘스트를 수행하듯 여러가지 미션을 하고 성공할 때마다 행복 포인트로 보상을 받음
플레이하는 대에 도움을 주는 여러 물품이나 특성을 포인트로 구매 가능
처음 접하는 유저들도 쉽게 즐길 수 있을 정도의 인터페이스와 난이도
게임의 진행 방향을 제시해 흥미를 느끼게 함
“나의 녹지 캐릭터 키우기”
녹색행동을 하며 얻은 녹색지수(녹지에너지)가 어느정도 차면 나의 녹지 캐릭터가 성장
또한 녹지상점에서 녹지를 꾸밀 수 있는 아이템을 구매
심즈 활용

20. 2-30대 연령층이 일상에서 생활할 때
자연스럽게 녹색행동을 할 수 있도록 돕는 서비스
Concept

21. 일상 속에 자리 잡은 녹색생활
반복되는 일상속에서 환경보전행동을 지속해나간다
Concept

22. Name :
Occupation :
Age :
Location :
SNS :
평소 환경보호와 자신은 거리가 멀다고 생각했지만, 우연히 지구온난화
피해를 입은 동물들의 모습을 보게된 후 환경보호를 결심하게 된다.
하지만 생활 속에서 이러한 행동을 지속적으로 실천하기가 어렵다는
사실을 깨닫고, 어떻게 해야 이 행동을 지속할 수 있을지 고민하게 되었다.
Pain point Needs
외향적인 내향적인
감각적인 직관적인
감정적인 이성적인
즉흥적인 계획적인
Bio Goal
“
환경에 대한 관심이 생겼지만 환경보호를
어떻게 시작해야할지 모르겠어요!
김수영
대학생
23세
부산
인스타그램
Demographics
환경보호정도
절약정신
습관지속성
녹색행동을 어떻게 실천해야하는지 안다
환경을 보호하는 습관들 들인다
일상 속에서 환경 보호 행동을 지속해 나간다
직관적이지 못한 서비스
복잡한 서비스
시인성이 좋지 않은 서비스
녹색행동에 관한 지식 정보
환경보호 동기를 자극해주는 서비스
녹색 행동을 지속해 나갈 수 있도록 도와주는 기능
쉽게 알아볼 수 있는 시인성이 좋은 화면
Persona

23. 김수영 (23)
직업 : 학생
거주 : 부산시
특징 : 작심삼일
“환경보호를 어떻게 시작하고
지속해야할지 모르겠어요!”
user journey map
녹색행동을 어떻게
실천해야 하는지 안다
환경을 보호하는
습관을 들인다
일상에서 환경보호
행동을 지속한다
Personality
•정보인식을 잘함
•문제의식이 높음
•쉬운 접근법 좋아함
Needs
•녹색행동에 관한 지식
•환경보호 동기 자극
•행동 지속 보조기능
Pain point
•어려운 인터페이스
•사용하기 복잡한 서비스
•시인성이 좋지않은 서비스
Goal
Behaviors
환경보호욕구
환경행동지수
행동지속성
Journey map
매우만족
만족
보통
불만
매우 불만
•녹색실천법을 알고싶음
•습관을 들이고싶음
•행동을 지속하고싶음
높음 낮음
높음 낮음
높음 낮음
환경지식정도
문제의식정도
앱 사용 능숙도
높음 낮음
높음 낮음
높음 낮음
환경에 대한 관심 환경보전행동 시작 행동을 자꾸 잊음 행동이 귀찮아짐 행동에 대한 회의감
•환경에 대한 관심이 생김
•환경보전행동을 검색함
•환경 서비스를 검색함
•환경보전행동을 시작함
•녹색행동을 지속함
•녹색 정보를 습득함
•녹색행동을 까먹음
•녹색행동 동기를 잊음
•녹색 생활을 방치함
•녹색행동이 귀찮아짐
•녹색행동을 의식하지않음
•녹색서비스 사용을 중단함
•환경행동의 변화를 느끼지 못함
•노력이 무의미하다고 생각됨
•녹색행동에 회의감을 느낌
환경보전행동을 시작하
면서 녹색생활에 대한
자부심을 느낌
녹색 행동을 자꾸 잊게
되면서 회의감을 느끼고
행동을 멈추게 됨

24. Name :
Occupation :
Age :
Location :
SNS :
환경 오염에 대해서 심각하게 인지는 하고 있지만,
녹색 행동을 실천해도 별다른 변화가 없을 것 같다는
생각을 가지고 있다.
Pain point Needs
외향적인 내향적인
감각적인 직관적인
감정적인 이성적인
즉흥적인 계획적인
Bio Goal
“
혼자서 하는 환경 운동이 의미가 있는지
잘 모르겠어요!
김진호
군인
25세
강원도
인스타그램
Demographics
환경보호정도
절약정신
습관지속성
개인이 하는 환경보전행동의 중요성을 깨닫는다
환경보전행동을 실천할 동기를 획득한다
서비스를 통해 환경보전행동을 지속해나간다
타이포가 너무 작은 화면
터치감이 좋지 않은 서비스
한눈에 알아보기 힘든 화면
타이포가 너무 작지 않아 눈에 잘들어오는 디자인
터치감이 좋은 화면
환경보전행동 실천정도를 공유할 수 있는 기능
환경 정보를 알 수 있는 기능
Persona

25. 김진호 (25)
직업 : 군인
거주 : 강원도
특징 : 협동적
“환경 운동의 의미를 모르겠어요!”
환경보전행동의
중요성을 깨닫는다
환경보전행동
실천 동기를 얻는다
환경보전행동을
지속한다
Personality
•협동심이 높음
•추진력이 강함
•간단한 사용법 좋아함
Needs
•눈이 편안한 인터페이스
•환경보전행동 실천 공유
•환경 정보 습득 기능
Pain point
•타이포가 작은 화면
•불편한 터치감
•불필요한 정보
Goal
Behaviors
환경보호욕구
환경행동지수
행동지속성
Journey map
매우만족
만족
보통
불만
매우 불만
•개인의 환경보전행동
중요성을 깨닫는다
•녹색행동 실천동기 획득
•녹색행동 공유기능을 통해
실천정도를 공유한다
높음 낮음
높음 낮음
높음 낮음
환경지식정도
문제의식정도
앱 사용 능숙도
높음 낮음
높음 낮음
높음 낮음
환경에 대한 관심 녹색행동 탐색 녹색행동 서비스 사용 녹색행동 의미 생각 환경행동 지속여부 고민
•환경행동에 대한 의문
•환경정보를 검색
•환경운동종류 검색
•녹색행동 종류 탐색
•녹색행동 효과 탐색
•환경서비스 검색
•환경서비스 분석&비교
•환경서비스의 불편함을
느낌
•녹색행동의 의미 발견
•녹색행동 실천의지 다짐
•편리한 녹색서비스 원함
•녹색행동을 지속할 의지는 있지만
원하는 종류의 환경 서비스가 없어
곤란
•불편하지 않은 사용성 + 다른 사람
들과 공유 기능이 있어 서로 실천
정도를 공유하고 싶음
user journey map
녹색행동의 효과와
파급력을 알게 되며
개인의 녹색 행동의
의미를 깨달음 녹색 서비스를 사용하지
만 불편함을 느끼고 서비
스 사용 지속여부를 고민
함

26. Name :
Occupation :
Age :
Location :
SNS :
환경에 관심이 많았지만, 직장생활을 시작하게 되면서 환경을 생각하는
시간이 줄어들고 녹색 행동을 실천하기가 어려워졌다. 다시 녹색생활을
실천하고 싶지만 어떻게 해야 행동을 지속할 수 있을지 고민이다.
Pain point Needs
외향적인 내향적인
감각적인 직관적인
감정적인 이성적인
즉흥적인 계획적인
Bio Goal
“직장생활과 환경보전행동을 병행하고
싶지만 생각처럼 되지 않고 힘들어요!
이소희
직장인
32세
경기도
인스타그램
Demographics
환경보호정도
절약정신
습관지속성
생활 속에서 가볍게 실천할 수 있는 녹색생활을 습득한다
알림 서비스를 통해 환경보전행동을 지속한다
환경보전행동을 재미있게 습관으로 형성한다
복잡하게 느껴지는 화면 구조
혼란스럽고 혼잡한 화면 구조
버튼이 너무 작아서 잘못 누르는 실수가 잦은 디자인
번잡하지 않은 화면 구조
필요한 기능에 집중된 화면 구조
습관형성 및 유지에 도움을 주는 알림 서비스
터치감이 좋은 화면
Persona

27. 이소희 (32)
직업 : 직장인
거주 : 경기도
특징 : 합리적
“직장생활과 함께 환경보전
행동을 병행하고 싶어요!”
생활 속에서 녹색생활을
지속적으로 실천한다
환경 서비스를 통해
생활속에서 녹색행동을 한다
환경보전행동을
습관으로 형성한다
Personality
•미래 지향적
•합리적 소비 지향
•급한 성격
Needs
•필요한 기능에 집중된 구조
•습관형성, 유지에 도움을 주는
알림 서비스
•지루하지 않은 서비스
Pain point
•복잡한 화면구조
•깊은 뎁스
•경고안내창이 뜨지 않아
실수가 잦은 구조
Goal
Behaviors
환경보호욕구
환경행동지수
행동지속성
Journey map
매우만족
만족
보통
불만
매우 불만
•생활 속에서 실천할 수 있는
환경보호행동 습득
•지속적인 환경보전행동 실천
•녹색습관형성
높음 낮음
높음 낮음
높음 낮음
환경지식정도
문제의식정도
앱 사용 능숙도
높음 낮음
높음 낮음
높음 낮음
환경에 대한 관심 환경 관심을 지속 녹색행동을 잊음 녹색행동 감소 환경에 대한 관심이 줄어듦
•환경지식을 공부함
•어떻게 온난화 현상을
줄일 수 있을지 생각함
•환경서비스를 시작함
•환경서비스를 사용
하며 녹색행동을 함
•환경서비스 사용에
어려움을 겪음
•직장생활에 치여 녹색
행동을 잊음
•환경서비스를 지속하지
못함
•환경활동이 줄어듦
•녹색행동이 줄어듦
•녹색행동 실천의지를
다지지만 쉽지 않음
•지속적인 환경행동을
보조해주는 녹색서비스
원함
•생활 속에서 녹색행동을
지속하는것에 어려움을 느낌
•환경행동에 회의감을 느낌
user journey map
환경에 관심을 지속하며
온난화 현상을 줄이는 방
법에 관심이 많고 환경
서비스를 사용함
직장생활 등 생활 속에서
환경 행동을 지속하기가
어렵다고 느끼고 환경에
대한 관심이 줄어듦

28. Journey map Needs
녹색행동에 관한 지식
환경보호 동기 자극
행동 지속 보조기능
눈이 편안한 인터페이스
환경보전행동 실천 공유
환경 정보 습득 기능
필요한 기능에 집중된 구조
습관형성, 유지를 돕는 알림 서비스
지루하지 않은 서비스
환경 지식을 알 수 있는 기능
환경보호 동기를 자극해주는 기능
행동을 지속하도록 돕는 기능
사용하기 편리한 인터페이스
환경행동을 기록하는 기능
환경행동을 공유하는 기능
환경지식을 공부할 수 있는 기능
필요한 기능에 집중된 구조
습관형성에 도움을 주는 기능
습관유지에 도움을 주는 기능
지루함을 덜어주는 기능

29. 지루함을 덜 수 있는 게임 접목
환경행동 기록 기능
환경지식 퀴즈 기능
코인 적립 기능
습관형성, 유지에 도움을 주는 기능
환경지식 습득 기능
주요 기능 정리
환경행동 공유 기능
행동지속보조 서비스
환경보호 동기 자극 기능
시인성이 좋은 인터페이스
처음 사용하는 사람들도 쉽게
접근 가능한 인터페이스
필수 기능에 집중된 인터페이스

30. Empathy mapping
SAYS THINKS
DOES FEELS
환경운동을 어디서부터 시작해야되지?
녹색행동을 지속해서 내가 얻는게 뭐지?
나 혼자서 환경운동을 한다고 달라질까?
다른 사람들은 어떻게 환경운동을 하지?
환경적인 소비란 무엇일까?
환경운동 생각보다 어렵다
환경운동이 귀찮게 느껴진다
내가 너무 유난인가?
주기적으로 사용하던 제품이
환경에 좋지 않다는 사실을 알고
회의감을 느낀다
행동을 잊은 스스로에게 답답함
플라스틱 사용을 줄여야지
배달 음식을 줄이겠어
착한 소비를 할거야
지구를 위해서 행동할거야
가까운 거리는 걸어다녀야지
값이 조금 나가더라도 환경제품을 구매함
자가용보다는 대중교통을 이용함
일회용컵 대신 텀블러를 사용함
음식물 쓰레기를 만들지 않으려고 노력함
생활 속에서 녹색 행동을 실천하려고 노력함

31. 김수영 User flow
로그인
(정보입력)
메인화면
(퀘스트)
나의 녹지 캐릭터
환경 소식지
마이페이지
퀘스트 목록
햄버거바
녹색정보피드
/녹색실천지수
녹색 퀴즈
(코인/녹색지수)
정답 : 코인 획득
오답 : 미션 실패
프로필
퀴즈 진행 화면
레벨 선택
녹지 캐릭터 화면
캐릭터 이름 설정
코인/경험치 획득
녹색알림이
진행중 완료/성공
캐릭터 성장
녹색지수 up
퀘스트 화면
(레벨/퀘스트 목록)
시작

32. 김진호 User flow
녹색지킴이
나의 녹지 캐릭터
환경 소식지
햄버거바
나의 녹지 레벨 실천한 녹색행동
녹색지수
녹색정보피드
/녹색실천지수
오늘의 토픽
녹색 퀴즈
(코인/녹색지수)
다른 사람들의
녹색실천행동
정답 : 코인 획득
오답 : 미션 실패
녹지 레벨
퀴즈 진행 화면
녹지 캐릭터 화면
캐릭터 이름 설정
내 녹색행동
비율보기
카테고리별
정보검색창
녹색실천목록 녹색알림이
로그인
(정보입력)
메인화면
(퀘스트)
퀘스트 목록
레벨 선택
코인/경험치 획득
진행중 완료/성공
캐릭터 성장
녹색지수 up
퀘스트 화면
(레벨/퀘스트 목록)
시작

33. 이소희 User flow
시작
나의 녹지 캐릭터
환경 소식지
마이페이지 아이템 보기
친구
추가/삭제/설정
녹색상점
녹색지수
녹색정보피드
/녹색실천지수
오늘의 토픽
녹색 퀴즈
(코인/녹색지수)
친구와
녹지겨루기
녹지 레벨
프로필 아이템 친구목록
녹지 캐릭터 화면
캐릭터 이름 설정
코인/경험치 획득
녹색알림이
캐릭터 성장
녹색지수 up
아이템 목록
로그인
(정보입력)
메인화면
(퀘스트)
퀘스트 목록
레벨 선택 진행중 완료/성공
퀘스트 화면
(레벨/퀘스트 목록)
햄버거바
정답 : 코인 획득
오답 : 미션 실패
퀴즈 진행 화면

34. Flow chart 나의 녹지 키우기
앱 실행 로그인
메인화면
(퀘스트)
퀘스트
목록
진행중
완료/성공
Y
Y
레벨선택
코인/경험치
획득
캐릭터 성장
녹색지수증가
나의
녹지캐릭터
캐릭터
이름설정
Y
Y
캐릭터
화면
녹지레벨
녹색지수
녹색상점
Y
아이템목록
녹색
지킴이
Y
Y
나의
녹지레벨
실천한
녹색행동
실천도
높은
녹색행동
내 녹색행동
비율 확인
Y
환경소식지 녹색정보피드/
녹색실천지수
N
오늘의 토픽
카테고리별
정보검색창 Y
정보검색
N
다른 사람의
녹색실천행동 Y
보러가기
녹색 퀴즈
(코인/녹색지수)
Y 퀴즈
진행화면
정답 - 코인획득
Y
오답 - 미션실패
녹색실천공유
친구와
녹지겨루기
친구목록
Y
마이
페이지
프로필
녹지
아이템
친구목록
공지사항
로그인&
로그아웃
내코인
Y
프로필
수정
Y
아이템
보기
Y
친구추가/
삭제/설정
앱정보
Y
햄버거버튼
녹색알림이
내 프로필
Y
녹지 상점
Y
녹색실천목록
녹색실천공유
녹지겨루기
N
Y
Y
N
N
N
N
N
N
서로
이동가능
서로
이동가능
서로
이동가능
서로
이동가능

35. Wire frame
로그인 퀘스트 햄버거 나의 녹지

36. Wire frame
녹지 기록 마이페이지 환경소식지

37. 서비스 구현 디바이스 Watch
애플워치와 연계하여 녹색 습관을 기를 수 있도록 도움

38. Logo design
NOK-Z
NOK-Z
NOK-Z
NOK-Z
NOK-Z NOK-Z

39. E1D9C7 CBC5AE ECF0E3 BCC6AA
C9D0B2 AEB584 A4A994 A4B2A0
Main Typeface
환경과 생명을 살리는 환경보전행동
Apple SD 산돌고딕 Neo
!@#$%^&*()_+~
?><:;’”[]{}=-|`
환경과 생명을 살리는 환경보전행동
환경과 생명을 살리는 환경보전행동
환경과 생명을 살리는 환경보전행동
아주옅은체
옅은체
중간체
세미볼드체
Concept mood board

40. Main color
Sub color
Additional
color
ECF0E3
C9D2A2 C9D2A2 A4A994 AEB584
Color
C9D0B2

41. 감사합니다