kimjinwon portfolio

97.9% 만족과 100% 지지,

GOGO가 만든 변화

Date

2024.12 ~2025.05

Tool

Figma

blender

Part

UI/UX Desgin 100%

Overview

체육행사를 더 쉽고 즐겁게

기존 체육행사 시스템은 행사 준비와 팀 신청, 참여 관리가 번거로워 주최자와 학생 모두 불편함이 있었습니다.
GOGO는 이러한 문제를 개선하여 누구나 간편하게 체육 행사를 운영하고 즐길 수 있도록 기획된 플랫폼입니다.

기존 체육행사 시스템은 행사 준비와 팀 신청, 참여 관리가 번거로워 주최자와 학생 모두 불편함이 있었습니다. GOGO는 이러한 문제를 개선하여 누구나 간편하게 체육 행사를 운영하고 즐길 수 있도록 기획된 플랫폼입니다.

UX Research

GOGO 문제점들

체육대회 신청은 수기 작성, 잦은 일정 변경, 불명확한 신청 경로
등으로 혼란과 비효율이 발생했으며, 사용자 입장에서 직관적이지 못했습니다.

Problem

기존 팀 신청 방식

기존 팀 신청 방식

기존 팀 신청 방식

기존 경기
날짜 파악방식

기존 경기
날짜 파악방식

기존 경기
날짜 파악방식

기존 체육대회는 팀 신청을 수기로 진행해 인원 모집과 종목 배정 과정이 번거로웠습니다. 또한 경기 일정이 수기·표 형식으로 공유되어 오류 가능성이 있고, 학생들이 시간을 정확히 파악하기 어려웠습니다.

Solution

GOGO를 적용한
경기 날짜 파악 방식

GOGO를 적용한
경기 날짜 파악 방식

GOGO를 적용한 경기 날짜 파악 방식

신청 개편으로 인원 관리 효율화함

신청 개편으로 인원 관리 효율화함

신청 개편으로 인원 관리 효율화함

GOGO 를 도입해 팀 신청을 웹으로 전환함으로써 수정·삭제와 인원 관리를 간편하게 하고, 경기 일정 조회와 응원 팀 10분 전 문자 알림 기능을 통해 운영 효율성과 학생 참여도를 동시에 향상시켰습니다.

Flow

더욱 더 간편해진 팀 신청 방식

GOGO를 적용해 신청 과정을 온라인화하여, 번거로운 인원 모집과 확인 절차를 줄이고 체육대회를 쉽고 즐겁게 관리할 수 있게 개선했습니다7일간 DAU가 꾸준히 상승했고, 체육대회 종목별 팀 신청도 기존 약 10팀에서 약 20팀으로 늘며 전반적으로 참여도가 안정적으로 확대되었습니다.

Solution

입체감이 만드는 몰입, 3D(블렌더) 디자인

2D 제작의 한계를 보완하기 위해 3D 기술에 도전했으며,
직접 모델링과 애니메이션을 진행했다. 어려움이 있었지만 끝까지 개선해 만족스러운 결과물을 완성했다.

Animation1

실제 작업 환경

Problem

어떻게 체육대회를 참가할 수 있을까?

어떻게 체육대회를
참가할 수 있을까?

카드형 UI와 ‘참여하기’ 버튼으로 사용자를 유도하고, 메인 페이지에서 참여 상태별 스테이지를 한눈에 확인할 수 있도록 구성했습니다.

6자리 인증번호 입력 후 확인하여 참여 가능

원하는 스테이지를 선택해 생성 가능

스테이지 종료 클릭 → 팝업 확인 후 종료

A/B Testing

A/B 테스트 기반 상세 페이지 UI·기능 개선

상세 페이지의 구성 요소별 효과에 대한 불확실성을 해소하고 개선 방향을 명확히 하기 위해 A/B 테스트를 진행했습니다. 테스트 결과를 토대로 포인트 확인 기능을 확장하고, 버튼 구조를 간소화한 UI 재구성을 통해 가독성과 사용 편의성을 향상시켰으며, 신규 경기 기능과의 연동성도 함께 개선했습니다.

As-Is

디자인 수정 전 문제점

배팅 박스: 아이콘 간격이 좁아 구분이 어렵다.

날짜 표기: 이미 날짜가 표시되어 있는데 추가 매치
날짜 표기는 불필요하다.

미니게임: 불필요한 버튼과 과도한 크기로 인해
복잡한 인상을 준다.

포인트 랭킹: 별도의 박스로 묶을 필요가 없다.

배팅 박스: 아이콘 간격이 좁아 구분이 어렵다.

날짜 표기: 이미 날짜가 표시되어 있는데 추가 매치
날짜 표기는 불필요하다.

미니게임: 불필요한 버튼과 과도한 크기로 인해
복잡한 인상을 준다.

포인트 랭킹: 별도의 박스로 묶을 필요가 없다.

To-be

디자인 수정된 디자인 개선점

배팅박스: 불필요한 요소를 제거하고 전체 레이아웃을 간결하게 정리해 가독성을 높였다.

날짜 표기: 슬라이더와 툴팁을 적용해 확장성과
편의성을 강화했다.

미니게임: 불필요한 요소를 정리하고 인터페이스를 단순화해 사용성을 개선했다.

포인트 랭킹: 포인트 랭킹과 포인트를 직관적으로 개선해 사용자의 이해도를 높였다.

배팅박스: 불필요한 요소를 제거하고 전체 레이아웃을 간결하게 정리해 가독성을 높였다.

날짜 표기: 슬라이더와 툴팁을 적용해 확장성과
편의성을 강화했다.

미니게임: 불필요한 요소를 정리하고 인터페이스를 단순화해 사용성을 개선했다.

포인트 랭킹: 포인트 랭킹과 포인트를 직관적으로 개선해 사용자의 이해도를 높였다.

Main Stage

다양한 컨첸츠 즐길 수 있는 스테이지

사용자가 보유 포인트와 날짜를 확인하면서 원하는 스테이지에 자유롭게 배팅할 수 있도록 했습니다.

스테이지 화면에서는 체육대회 배팅, 최신 경기, 미니게임, 포인트 랭킹, 커뮤니티 등 주요 기능을 한눈에 볼 수 있도록 구성했습니다.

팀 배팅 할 수 있는 팝업

팀의 모든 경기 확인 가능

Mini game

미니게임

코인토스와 야바위는 3D 인터랙션과 직관적 UI로 진행 상황과 리스크·보상을 즉시 확인할 수 있어, 전략적 선택과 반복 참여를 통한 몰입을 제공합니다. 플린코는 Low·Medium·High 단계별 배율과 분포로 안정성과 기대감을 조절하며, 실제 로직 기반 애니메이션으로 실용적인 게임 경험을 구현했습니다.

코인토스

야바위

플린코

코인토스
야바위
플린코

Result

GOGO 결과

GOGO는 교사의 운영 부담을 줄이면서 학생들의 참여와 즐거움을 높여 체육대회의 새로운 기준을 실현했습니다.

기존 체육대회보다 더 재미를 느낌

98%

응답자 중 약 98%가 GOGO를

사용하면서 ‘기존 체육대회 보다 더 즐거웠다고 느낌

운영 효율 및 참여율 개선

95%

응답자 중 약 95%가
GOGO를 사용해본 경험이 있음.

3. 체육대회 참여자 수 증가

410

390

370

350

Day1

Day2

Day3

Day4

Day5

Day6

Day7

7일간 DAU가 꾸준히
증가하며 체육대회 참여와 몰입도가 상승함

Retrospect

회고

GOGO 프로젝트에서 느낀 점과 배운점

배운 점과 느낀 점

GOGO 프로젝트를 통해 협업의 중요성과 실무 중심 디자인의 가치를 깊이 배웠습니다. 14명이 함께한 대형 프로젝트에서 디자이너와 개발자가 긴밀히 소통하며 문제를 빠르게 해결했고, 꾸준한 피드백을 통해 디자인의 완성도를 높였습니다. 또한 처음으로 3D 블렌더를 활용해 코인토스 영상을 제작하면서 새로운 디자인 표현 방식을 익혔고, 모든 기기에서 사용할 수 있는 반응형 디자인을 설계하며 실제 사용 환경을 고려한 감각을 키웠습니다. 이 과정을 통해 협업은 단순히 역할을 나누는 것이 아니라 서로의 이해를 바탕으로 함께 결과를 만들어가는 과정이라는 것을 깨달았고, 디자인의 가능성이 생각보다 훨씬 넓다는 것을 직접 느꼈습니다.

앞으로 배우고 싶은 점

이번 경험을 바탕으로, 앞으로는 디자인과 개발 간의 연결을 더욱 깊이 이해하는 디자이너로 성장하고 싶습니다. 특히 인터랙션 디자인과 3D 기술의 실무 적용을 더 발전시켜,
사용자에게 몰입감 있고 즐거운 경험을 제공하는 인터페이스를 만들고자 합니다. 또한 다양한 기기 환경에 맞는 유연한 사용자 경험 설계 능력을 꾸준히 확장해 나가고 싶습니다.

읽어주셔서 감사합니다.

입사 후에는 사용자 행동을 기반으로 문제를 정의하고,
끝까지 책임지고 검증해 성과로 연결하는 디자이너로 기여하겠습니다.
가설 수립과 빠른 실험을 통해 사용자 경험과 서비스 지표를 함께 개선하겠습니다.