휴대폰 앱에서 시작해
브라우저 게임이 되기까지

메인 화면 시안 네 가지. 참고: 쿠키런 킹덤, 스타듀밸리, 모여봐요 동물의 숲, 힐링 아일랜드

아이패드로 옮긴 뒤에도 여러 번 다시 그렸어요

화면을 크게 키웠는데도 반짝이는 유리 바닥에 꽃이 묻혀 잘 보이지 않았고, 여전히 어른이 쓰는 주식 앱 같았어요. 바닥을 걷어 내고, 꽃밭을 단순하게 정리하고, 마지막에는 따뜻한 잔디 정원으로 바꿨습니다.

1. 

   유리 정원장식이 많아 어떤 꽃이 내 주식인지 찾기 어려웠어요.

2. 

   꽃밭 정리꽃밭을 네모 칸으로 나눴지만 차갑고 숫자 버튼이 너무 많았어요.

3. 

   잔디 정원꽃밭 테두리 색(빨강은 오름, 파랑은 내림)만 남기고 캐릭터가 걸어 다니게 했어요.

1꽃 · 오르고 내린 값을 꽃 크기로

• 선 그래프 대신 꽃 크기값이 낮을 때는 작은 꽃, 높을 때는 큰 꽃이에요.
• 숫자는 세 개만최저가, 최고가, 현재가만 글자로 남겼어요.
• 기간은 버튼으로일·주·월·년을 눌러 꽃 크기를 다시 비교해요.

2뿌리 · 회사의 속사정을 땅속에서

꽃 아래 땅속을 들여다보는 '뿌리 보기'는 처음 기획부터 있던 생각이에요. 아이디어는 그대로 두고, 아이가 읽을 수 있게 말과 모양을 다시 다듬었어요.

• 어려운 말을 쉬운 말로'보석량(현금보유량)'은 '현금 소유량', '위험요소(부채)'는 '빚'이 됐어요.
• 항목마다 다른 색모두 같은 하늘색이던 동그라미를 색으로 구분했어요.
• 꽃에서 뻗는 뿌리꽃을 가운데 두고, 뿌리가 숫자마다 이어지게 했어요.
• 읽는 법 도움말'뿌리 읽는 법' 버튼과 "숫자는 연습용"이라는 안내를 더했어요.

3뉴스 · 값이 왜 움직이는지 읽기

1. 뉴스유럽에 괴물 폭염
2. 사람들은에어컨을 사려고 줄을 서요
3. 그래서삼성전자 꽃이 자랄지도

첫 번째 뉴스의 실제 흐름이에요. 이렇게 날씨나 사건이 어떤 회사의 꽃으로 이어지는지 스스로 찾아보게 했어요.

4눌러서 들어가던 화면을, 걸어 다니는 마을로

본심사 이후 가장 크게 바뀐 부분이에요. 아이패드 화면은 메뉴를 눌러 꽃 상점이나 장바구니로 들어가는 방식이었어요. 이걸 캐릭터가 마을을 직접 걸어 다니며 건물에 들어가는 오픈 월드로 다시 만들었어요.

기능을 이렇게 고쳤어요

교수님께는 주로 캐릭터 모션에 대한 피드백을 받았어요. 나머지는 친구들과 제가 직접 플레이하며 불편했던 점을 적고 고친 거예요.

디자인은 이렇게 고쳤어요

마지막 점검

컴퓨터, 태블릿, 휴대폰 가로·세로 네 가지 화면에서 처음부터 끝까지 플레이했어요. 그다음 아이, 부모, 선생님, 금융교육, 게임 디자인 다섯 가지 관점으로 다시 살펴보고 고쳤습니다.

• "가격과 뉴스는 게임용"이라고 알려요회사 이름은 진짜지만 가격과 뉴스는 지어낸 것이라, 게임 안에서 늘 보이게 했어요.
• 시간에 쫓기지 않게 했어요하루가 저절로 넘어가지 않고, 잘 시간이 되면 알려 주기만 해요.
• 배운 단어만 퀴즈에 나와요처음 하는 아이가 모르는 단어를 만나지 않도록 했어요.
• 틀린 곳만 다시 풀어요뉴스 빈칸 퀴즈에서 맞은 칸은 남기고 틀린 칸만 다시 고르게 했어요.

처음에는 정보를 보여주는 벽이었어요

정면은 영상관으로 두고 이미 만든 소개 영상과 시연 영상을 틀었어요. 양옆의 긴 벽에는 기획 배경, 핵심 활동, 화면 흐름, 브랜드, 부스 안내를 걸으면서 읽을 수 있게 펼쳤어요.

처음 시안

지금 만들고 있는 3면 영상

전시장 사진 위에 영상을 합성해 확인한 장면이에요. 최종 영상과는 달라질 수 있어요.

부스에서는 이렇게 만나요

3면 영상을 지나 부스에 오면, 27인치 모니터 두 대로 플레이 자리와 영상 자리를 나눠 두었어요. 관람객은 아래 순서로 둘러봐요.

1. 포스터
2. 직접 플레이
3. 영상
4. 기획서
5. 방명록