OH MY GIRL visual novel web game html css java

1. 시각영상디자인과 1612158 박주연
1

2. 목차
팬이 참여하는 홍보
01
리서치
02
아이디어 진행
03
컨셉 및 디자인 워크
04
최종 결과물
05
2

3. 마마무의 ‘Stylist by 무무’
3
출처 : 마마무 갤러리 16.03.11 뮤직뱅크 <넌 is 뭔들>
마마무 팬덤인 무무들의 코디 기획을 받아 마마무가 직접입는 팬 참여 행사로, <음오아예>
활동 당시 반응이 매우 좋아서 <넌 is 뭔들>까지 진행하였다.

4. 1. 팬이 참여하는 홍보
기존의 가수가 컴백하는 방법은 왼쪽과 같았다. 앨범을 미리 기획한 후 타이밍에
맞춰서 홍보하는 방식이다. 팬들은 미리 나온 일정에 따라 매일 조금씩 풀리는
떡밥을 기다리면서 유추하는 등의 활동을 하곤 했다. 팬들이 적극적으로 컴백에
참여하는 방법은 스트리밍 리스트 공유와 떡밥 회수 정도였다.
앨범 기획
- 더 새롭게 소개하는 방법은 없을까?
컴백 예고
컨셉 티저 공개
트랙리스트
앨범 프리뷰
스포일러
공개
4

5. 이야기 컨텐츠 위주
아이돌 시장
WM 엔터테인먼트에서 오마이걸의 실화를 바탕으로 한 웹툰을 제작한다고 한다.
방탄소년단도 네이버에서 웹툰을 연재했다. 일단 웹툰화된 인물들은 굳이 가수를 좋아하지
않더라도 대중에게 더 친근하게 다가갈 수 있다.
방탄소년단은 웹툰, 책, 드라마, 게임 등 다양한 방면에서 그들의 세계관을 엮어 컨텐츠로
풀어내는 전략을 사용했다.
BTS 방탄소년단, 위버스샵 화양연화 THE .. : 네이버블로그 (naver.com)
5
방탄소년단 세계관 연장 웹툰

6. 6
서사를 사랑하는 ...
- 세계관 해석과 향유는 하나의 문화

7. 팬들이 수신자가 아닌
참여자가 된다면?
팬
팬들의 2차 창작 예시
7
앨범 기획 앨범 공개
소속사 팬, 대중

8. 01. 02. 03. 04.
멤버들을 기반으로 한 이야기를
공개한다.
이야기 중간의 선택지에서 팬들이
이 를 보 고 투 표 , 일 부 창 작 ,
제안한다.
거수의 투표에 따라 티저 이미지,
영 상 , 트 랙 리 스 트 등 이 선 택 ,
구성되어 공개된다.
팬들의 선택을 받은 이야기롤 최종
취합하여 앨범 외 추가 구성으로
제공한다.
스토리 소개 팬들의 참여 선택에 따른 구성 최종 스토리 취합
8
팬이 참여하는(!) 홍보

9. 2. 리서치
- TRPG, 뉴미디어, 2차 창작
왼쪽 위부터 시계방향으로, TRPG 저서 크툴루의 부름 총 3권, 트위터 2차
창작 00즈와 여름방학 호러메이즈 스쿨, 유튜브 삐에로 선택형 공포 게임,
TRPG 관련 브런치 글, TRPG 논문
- 출처는 PPT 마지막 장 참고
이야기를 전달할 수 있는 다양한 방법 조사
- 단순한 송수신이 아닌 참여 가능의 형태로 조사했다.

10. TRPG – Table talk Role
Playing Game
(개리) 수호자 : 자, 이제 어떻게 하실 건가요?
폴라 : 모건의 집에 숨어들어서 단서를 찾아야죠.
탐사자 모두가 폴라의 계획에 동의합니다.
조 : 갑시다! 전부 제 차에 태우고 운전할게요. 거리에 사람이 있나요? 자정에 출발할
거거든요.
(개리) 수호자 : 모건의 집에 도착해 보니 가로등 두 개가 켜져 있어서 거리가
어둡습니다. 황량해요. 사람은 한 명도 안 보입니다.
캐시 : 우리 제이크 탐정님이 뒷문 자물쇠를 딸 수 있어요.
플레이어들이 계획에 동의합니다.
폴라 : 저는 거리를 감시하고 있겠어요.
아놀드 : 저는 차 안에 남아서 경계하고 있을게요. 제 탐사자는 아직 긴장이 안 풀렸어요.
시나리오 (Text)
문자성
플레이어 (Player)
구술성
마스터 (Master)
중재자
TRPG 스토리
컴퓨터가 자동으로 수행해주는 부분, 즉 체력이 깎이거나 전사, 마법사 등의
캐릭터에 능력치를 부과하는 모든 일들을 아날로그로 기록하고 말하며 진행
크툴루의 부름 수호자 룰북 플레이 예시
10

11. 00즈와 여름방학 호러메이즈 스쿨 - 달래
TRPG의 응용 예시
유튜브 다음에 볼 동영상 선택형 게임 트위터 연성 방법
11

12. 틴더 스와이프 나이트
12
트레일러 영상 https://youtu.be/cx4ro6LIXtY
TRPG의 응용 예시

13. 13
시작 포인트
이야기 진행
선택지 1 선택지 2
투표, 추첨,
선택
티저 1 티저 2
이야기 2 진행
이야기 1 진행
Bluenerry_Mango - 5. Main Stream & Episode (myportfolio.com)
3. 아이디어 진행
사용자 리서치
참여자 : 김지연

14. 14
1. 진행자로서 빨리 올려야 하는 압박감에 즉각적으로 기지를 발휘해야
하는 스토리가 잘 생각나지 않음
2. 트위터 → 수정이 되지 않음 : 어떤 중요한 요소를 빼고 올렸을 경우,
불가피하게 삭제해야 함
3. 트위터 → 글자의 분량 제한으로 호흡이 짧음
4. 스타일의 한계 : 아무래도 새 앨범을 소개하고 컨셉을 나타내야 하는데,
트위터 시스템으로는 잘 나타내기가 어렵다.
5. 티저가 나오는 구간을 정하자
6. 스토리 진행시 같이 틀 수 있는 bgm - 트랙리스트 하이라이트 메들리로
진행하자
7. 공개 시간을 정해놓기. 정해진 시간을 잡고 진행하자.
8. 선택지 이전의 스토리 분량을 조금 더 충분히 가져가자. (선택지 축소)
9. 티저 종류를 다양하게. 이미지, 영상, 무빙 포스터, 이야기 책 등
10. 현실 시간과 동일하게 스토리 상 시간 진행 --> 흥미 유발
한계점 및 피드백
선택형 - 결과
참여자 : 김지연

15. 15
큰 줄거리
이야기 진행 1
참여자 - 컨셉 빌드업 참여
형용사 단어 선택
타임어택 연성 제시 이미지 고르기
컨셉 1 갈무리 및 디자인화
이야기 진행 2
디스코드를 이용한 라이브 진행 녹화
참여형
참여자 : 구지수, 윤혜원

16. 16
1. 실시간으로 이야기를 이해시키기 어렵다.
2. 참여자들을 통합시키기가 어렵다. 세 명이서 진행해도 벅찼다.
3. 중간 참여자는 소외를 느낄 가능성이 크다.
4. 연령대가 어린 팬덤이기 때문에 컨텐츠가 빈약해질 가능성이 있다.
5. 참여자에게 선택지가 너무 많고 자유도가 커서 어떻게 아이디어를 내야할
지 모르겠다.
6. 생소한 시스템이라 잘 모르겠다. 트위터를 많이 사용하는데도 라이브에
대한 이해가 어렵다.
7. 멤버들을 가지고 스핀오프처럼(해리포터 au 등) 이야기 만들기 – 유재석
부캐 개념처럼
8. 선택하다가 마지막 결말만 스스로 만들어보게 하는 팬 창작 공모
9. 유튜브 나중에 볼 동영상으로 마지막 선택 게임형으로 결말 맺는 방법
한계점 및 피드백
(좌) 트위터 알 키우기, (우) 피드백 노트
참여형 - 결과
참여자 : 구지수, 윤혜원

17. 최종 아이디어
17
선택지 1 선택지 2
투표, 추첨, 선택
선택지 2 구성
큰 줄거리
이야기 진행 1
선택지로 참여자 아이디어 제안
형용사 단어 선택
타임어택 연성 제시 이미지 고르기
이야기 1 갈무리 및 디자인화
이야기 진행 2

18. 4. 컨셉 및 디자인 워크
18
역대 오마이걸 앨범 컨셉 분석 오마이걸 세계관 해석 및 뮤직비디오 분석
오마이걸의 기존 컨셉은 몽환과 동화, 그리고 귀여움에
치중되는 모습을 보였다. Closer과 윈디데이, 다섯 번째
계절이 몽환에 속하며, 외에 불꽃놀이나 살짝 설렜어는
펑키, 아잉이나 최근 던던댄스의 경우는 상큼함을 노린
귀여움으로 볼 수 있다.
컨셉 몽환, 동화, 귀여움

19. 4. 컨셉 및 디자인 워크
19
트와일라잇 데스티니 게릴라
- 퀸덤에서의 이미지 변신으로 인한 대성공
몽환 + 어두움 + 흑백

20. 20
빈티지 하프톤
미래지향적 + 레트로
기존의 오마이걸 세계관에서 모래시계 등 시간을 상징하는
요소들이 많았다. 더불어 신화적 느낌을 주는 황금사과도
주된 요소였다. 신화의 미스터리함을 가지고 가면서
오마이걸이 퀸덤에서 보여주었던 호러 장르의 연장선의
이야기를 해석해 컨텐츠로 만들었다.
디자인 컨셉
키워드 시간, 신문, 게임, 미지
글리치, 미스터리, 하프톤

21. 21
5. 최종 결과물
- 아트웍 및 구동
강조 둥근모꼴
본문 Dos Gothic 도스고딕
과거 신문과 같은 느낌을 주기 위해 레트로 느낌을
살려 작업했다.신문의 활자 인쇄에서 영감을
받았다.
또한 구부러진 모양으로 미지의 느낌을 더하고자
하였다.
레트로 스토리에 맞게 색깔을 최소화했으며, 티저
이미지에만 하프톤 효과를 강조해서 색상을 넣었다.
빈티지와 미래지향적 디지털 느낌을 동시에 주고,
또한 기괴한 느낌까지 같이 줄 수 있는 픽셀 폰트를
사용하였다.

22. 22

23. 23
티저 이미지
선택지 1,
Dare
선택지 2,
Truth

24. 24
일부 화면
선택지 1,
Dare
선택지 2,
Truth
스틱스 저니 경험하기

25. 25
일부 화면
선택지 1,
Dare
선택지 2,
Truth
스틱스 저니 경험하기

26. 26
참가자 반응
선택지 1,
Dare 선택지 2,
Truth
1일차
긍정적인 반응을 보였다. 가수를 통해 스토리를
경험하고 직접 참여하는 데에 있어 즐거웠다는
반응이었다. 또한 오마이걸의 기존 컨셉과 사뭇
다른 느낌이라 재밌다는 평도 있었다.
다만 넘기는 버튼이 너무 느리게 뜬다는 점과, 중간
로딩 화면에서 누를 수 있는 버튼처럼 보이지
않는다는 피드백을 받아 수정중에 있다.

27. 오마이걸 비밀정원 공식 안내도 이미지
유아 ‘숲의 아이’ 공식 티저 이미지
유튜브 ‘산림숲속승희’ 커뮤니티 게시글
http://daily.hankooki.com/lpage/ittech/202004/dh20200409113117138250.htm
네이버 검색 – 크툴루의 부름 수호자 룰북
00즈와 여름방학 호러메이즈 스쿨 1회차 - 호러메이즈 - 21도- https://caland0.postype.com/post/2040060
TRPG 스토리 형성 과정 연구 - 스토리텔링을 통한 구술성과 문자성의 결합 – 이강
[유튜브 공포게임] 미친 삐에로가 쫓아온다! 꿈속을 탈출 하자! 1편 The Clown Chases - https://www.youtube.com/watch?v=eFA7KeEt5Nk
유튜브 햄튜브 소개팅 시뮬레이터 - https://youtu.be/7Yx79tNH1y8
유튜브 선바 이 채널에서 도망쳐야 합니다 - https://youtu.be/8BtqcotgYfo
틴더 스와이프 나이트 https://youtu.be/cx4ro6LIXtY
[틴더 골드 회원권 이벤트] 스와이프 나이트 EP 2 경험 후기 - https://blog.naver.com/ssoo_hui/222093828725
크툴루의 부름 수호자 룰북, 크툴루의 부름 플레이어 북, 이름 없는 공포들 시나리오 북
트위터 팬 연성 글  이미지에 출처 제시
참고 문헌 및 자료 출처
27

28. 감사합니다