[Project] Seoultech Explore: 모교 홍보를 위한 웹 게임(퀴즈)

[ Projects ]

1. 프로젝트 개요

GitHub - jangThang/Seoultech_Explore

Contribute to jangThang/Seoultech_Explore development by creating an account on GitHub.

github.com

'서울과학기술대학교'는 유일한 서울 국립대학교입니다. 학교 발전가능성 및 역량에 비해, 인지도가 낮은 문제점을 해결하고자 해당 프로젝트를 진행했습니다.

Seoultech Explore는 서울과학기술대학교에서 일어나는 미스터리한 사건을 배경으로 학교를 탐방하는 웹 게임입니다. 학교 건물마다 넌센스 퀴즈가 있으며, 퀴즈를 풀어야만 다음 스토리도 진행되는 '웹 미궁' 게임입니다.

● 프로젝트 목표

넌센스 퀴즈는 총 16개로, 학교 건물을 배경으로 만들었습니다. 주로 간단한 창의력 퀴즈, 연상퀴즈로, 남녀노소 모두 플레이가 가능합니다. Javascript를 이용해서 입력한 답이 맞아야만 다음 페이지로 넘어갈 수 있습니다.

힌트를 클릭하면 펼쳐지며, 힌트를 보는 불이익은 따로 없습니다.

HTML5와 CSS 기능을 이용해서 창의적인 넌센스 문제를 만들고자 했습니다. 가상선택자 active, hover의 회전, 크기, 색상변환을 넌센스 문제에 활용해서, 플레이어에게 색다른 경험을 선사하고자 했습니다.

스토리를 추가하여, 플레이어의 호기심을 자극하고 플레이 의욕을 고취시켰습니다. 표면적인 스토리 라인은 "졸업 후 오랜만에 모교탐방을 하는 주인공이 바뀐 학교에서 겪고 느끼는 내용'입니다. 후반부에 진실과 함께 복선이 밝혀집니다.

CSS의 애니메이션 효과를 이용해서, 극적인 효과를 주었습니다.

플레이어에게 진행도 및 해당 스테이지에 대한 정보를 하단에 제공했습니다. 본 프로젝트의 목적인 '학교 홍보'를 위해 넣은 기능으로, 자연스럽게 플레이어가 서울과학기술대학교에 대해 알게 됩니다.

footer에는 학교 로고와 하이퍼링크를 제공해서, 학교 홈페이지로 쉽게 접근할 수 있도록 배치했습니다.

저희학교는 지하철 광고 및 유명 스트리밍 사이트(유튜브)를 통해 홍보를 했지만, 투입된 자금에 비해 인지도가 낮은 것은 사실입니다. 심지어 벌써 개명한지, 10년이 넘었지만 아직도 ‘서울 산업대’로 알고 계신 분들도 있습니다.

서울에서 유일한 국립대학교’라는 특장점이 있음에도 인지도가 낮습니다.

주로 입시 기간에 입시생들 위주의 홍보전략을 하기 때문에 일반사람들은 잘 모르는 경향이 있습니다.

포털사이트나 SNS에 사용되는 거액의 광고비용에 비해, 훨씬 저렴하며 소정의 서버 유지보수 비용만으로 영구적으로 사용할 수 있습니다.

‘서울 유일 국립대학교’라는 독보적인 이미지를 웹페이지 방문자에게 각인시킬 수 있도록, 웹페이지 내에 반복적으로 게시했습니다.

‘퀴즈’라는 콘텐츠의 특징상, 다양한 계층의 사람들이 부담 없이 즐길 수 있으며 한정된 기간 동안 게시되는 광고와 달리, 항시 홍보 가능합니다.

[Project] ST Fair Route: 모두가 공평한 네비게이션 앱 (0)	2022.03.23
[Project] Cartpole: DQN, DDQN, Dueling DQN 강화학습 (0)	2022.03.22
[Project] Patent Big Data Analysis: 자연어 처리를 이용한 특허문서 분석 (1)	2022.03.17
[Project] SNUT RoadSign: SeoulTech 길찾기 프로그램 (0)	2022.03.16
[Project] 게시판 소개 (0)	2022.01.09