sketchbook

ROCKET
대외활동의 끝판왕


Tag
UI/UX, Responsive Web, App, Android, IOS
Client
Mycroft & sketchbook
Role
Design, Development
Links

ROCKET지원에서 활동까지 로켓 하나면 끝!

대학생활 필수 어플, 대외활동 지원에서 활동까지

로켓은 캠퍼스 라이프에서 빠질 수 없는 학생참여, 해외탐방, 공모전, 봉사활동 등의 대외활동 정보를 큐레이팅하여 제공해주는 웹 및 앱 서비스입니다.
쏟아지는 수많은 대외활동 정보, 비슷한 검색 결과와 광고에 지치셨나요?
사용자 정보분석을 통한 개인 맞춤 시스템으로
나에게 딱 맞는 대외활동을 더욱 쉽고 빠르게 받아보세요!
상세 검색은 물론, 알림으로 자신이 설정한 대외활동 정보도 받고,
사용자 정보를 분석하는 AI알고리즘에 의해 개인화 맞춤 서비스가 가능해졌습니다.

기본에서 시작하다

Needs

" 대외활동으로 기업의 채용 고민,
대학생의 취업 고민
한 번에 해결할 순 없을까? "

대외활동은 기업과 대학생 서로의 필요에 의해 자연스럽게 만들어졌습니다.
대외활동 시장의 규모는 커지는 데 반해 기업들과 대학생들이 가진
본질적인 고민은 해결되지 않았습니다. 우리는 기업의 인재난과 대학생의 취업난을
해결할 수 있는 방법에 대해 고민하기 시작했습니다.

연결하다

Market & Analysis

대외활동 시장은 상호 니즈가
일치하면서 만들어진 시장

대외활동은 마케팅, HR, CST, 브랜딩 등 다양한 목적의 달성을 추구하는 기업과
다양한 경험과 인맥, 스펙을 추구하는 대학생의 상호 니즈가 일치하여 생성된 시장입니다.

대외활동으로 인재난, 취업난 해소?

Target & Analysis

대외활동정보 시장,
대상의 니즈는 무엇인가

대외활동은 마케팅, HR, CST, 브랜딩 등 다양한 목적의 달성을 추구하는 기업과
다양한 경험과 인맥, 스펙을 추구하는 대학생의 상호 니즈가 일치하여 생성된 시장입니다.

Goal & Objective

서비스 목표를 설정하다

로켓 서비스는 시장성만 보고 진입하려는 시도에서 시작된 것이 아니라
대상에 대한 철저한 분석과 현황이 가지는 문제점에서 각 섹션별로 목표설정을 하고
그 방법론을 설정하여 다시 전체의 목표 방향성을 설정합니다.

기본에서 확장하다

마인드맵을 그리다

Mind Map을 통해 대외활동 정보시장의 현황 파악 및 질문과 문제점에 따른
방법을 도출하고 서비스에 필요한 기획, 디자인, 기술적 요소를 파악합니다.

핵심요소를 파악하다

서비스 구축의 핵심 3가지를 기획, 디자인, 기술적 요소로
구분하여 정의하고 이외의 상호 보완이 필요한 요소를 파악합니다.

Must-have App

Friendly Service

Brand experience

서비스의 목적과 가치를 바탕으로 브랜드 방향성을 정의함과 동시에
이와 어울리는 고유의 디자인 시스템(로고, 서체, 컬러, 그래픽 모티프) 등을 명확하게 정의하고
일관되게 적용하여 브랜드 경험 디자인을 완성합니다.

Brand name

로켓이라는 브랜드 네임은 인류가 보유한 가장 '빠른' 물체인 로켓처럼
대학생들이 꿈을 빨리 이룰 수 있기를, 우주라는 이상향을 향해 날아가는 로켓처럼
꿈을 향해 열심히 달려 꿈에 도달하기를 바라는 의미를 담고 있습니다.

Logo

문자 타입과 로켓의 형상 타입의 두종을 가지고 고민하였으나, 형상은 너무 흔하여
독창성을 표현하기가 어렵다고 판단하여 문자 형태에서 고안했기로 했습니다.
ROCKET 문자의 형태는 로켓의 굴곡과 속도를 형상화 하였고, 로켓의 고유의 방향성과
아이덴티티를 표현하기 위해 K에서 < 를 도려내어 맨 앞형태로 보냈습니다.
< = <로고의 형태로 많은 배리에이션이 가능하다고 판단하여 현재의 로고로 결정되었습니다.

Typography

캐릭터와 어울리는 둥글둥글하고 귀여운 느낌의 서체를 사용합니다.
서체의 일관된 사용으로 사용자에게 라이안의 메시지를 효과적으로 전달합니다.

Color

로켓의 역동성, 속도감를 표현 할 수 있는 레드를 주색으로 선택하고,
우주의 무한의 배경을 나타내는 네이비 컬러를 부색으로 결정했습니다.

  • Rocket Red

    Primary color

  • Rocket Navy

    Secondary color

  • Rocket gray

    Background color

Graphic Motif

로켓을 상상할 때 ‘날아오르기 전’의 폭풍전야 같은 이미지, 역동적으로 ‘날아가는’ 이미지와
우주를 유유히 ‘항해하는’ 3단계의 이미지를 차용하고 로켓의 방향성을 상징하는
사선의 메타포를 활용합니다.

Character

최초에는 우주인을 캐릭터로 사용하였으나, 2차 브랜딩 시에 ‘모든 것을 알고 있다’,
‘친절하다’ 라는 키워드를 셜록이라는 영드 주인공의 트렌드한 컨셉으로
표현하기 위해 위해 변화를 시도했습니다. 이러한 상반되는 캐릭터성을 표현하고자
부드러운 우주인의 이미지인 ‘어린왕자’ 를 연상시키도록 하고 실제 사용에 있어서는
이를 보완해주는 ‘왓슨’의 역할을 할 셜로봇이라는 캐릭터를 추가하였습니다.
그리고 캐릭터 시놉시스를 설정하여 알고 보면 더욱 재미있게 로켓 서비스를 즐길 수 있도록 하였습니다.

  • Concept
  • Synopsis
Motion

로켓과 우주를 연상시키는 Warp 효과, Parallax 및 캐릭터를 활용한
2차원 카툰 모션을 통해 흥미를 더했습니다.

존재를 드러내다

  • Introduction

    자칫 지루하고 딱딱하게 느껴질 수 있는 서비스 소개 페이지에 사용자가 흥미를 가질 수 있도록 캐릭터와 우주 배경을 사용하고 공간감이 느껴지는 모션을 추가하여 재미있게 표현했습니다.

  • 로켓광장

    로켓에서 엄선한 슬라이드 배너 모음, 인기 있는 대외활동을 '핵인싸 로켓'이라는 유쾌한 타이틀로 표현해 사용자의 관심을 불러일으키고, 주제별 로켓을 통해 관심사에 따른 목록을 볼 수 있도록 하였습니다.

  • 상세검색

    기획단계부터 수천가지의 대외활동을 분석하고 분류하여 로켓만의 고유한 필터를 개발하였습니다.
    그리고 사용자가 개인별 원하는 조건에 맞는 대외활동을 보여주기 위해 조금은 불편할 수 있는 필터를 부담없도록 UI설계하여 고도화된 필터 검색이 가능하도록 하였습니다.

  • 로켓기지

    로켓기지에서는 사용자가 부담없이 슥슥 넘겨 볼 수 있도록 기획하였고, 개개별 선호에 따라 웹진형, 카드형, 달력형 3가지 형태로 볼 수 있도록 구성하였습니다.
    목록의 순서는 단순 시간순서 뿐만 아니라 사용자의 정보를 분석하여 개인 맞춤 목록을 우선순위로 보여줍니다.

  • Loading

    시간여행자 셜록이 여러분의 시간을 거꾸로 돌립니다.

  • 셜록

    셜록이 로켓기지 내을 계속 돌아다니며
    여러분이 필요할 때마다 오지랍을 부립니다.
    항상 맞는 말만 하는 셜록의 말에 귀기울여 보세요.

  • 관심로켓

    당신이 관심있거나 하면 좋을 분야와 로켓을 추천해줍니다.
    맞춤검색과 맞춤알림 등으로 어느 하나도 놓치지 않게 도와줍니다.

ROCKET

대학생 대외활동의
끝판왕을 만들다

Credits

  1. Director

    • Baek GwangJong
  2. Product Manager

    • Baek GwangJong
    • Choi HyukSoo
  3. Design/Motion

    • Baek GwangJong
    • Han SeHui
  4. Development

    • Joo D.H
    • Gang SangMin
    • Gang HyunWoo
    • Baek GwangJong
    • Race