서비스 기획자로서 실무 경험을 쌓고자 한다면 토이 프로젝트만큼 좋은 방법이 없습니다. 토이 프로젝트는 실제 업무에 사용 되지 않는 작은 규모의 프로젝트로, 기획 능력을 키우고 포트폴리오를 쌓기에 최적입니다. 이전에 포스팅한 사이드 프로젝트 글을 참고 하시면 많은 도움이 됩니다 “그렇게 서비스 기획자가 되었다” 오픈채팅 바로가기
1. 토이 프로젝트란?
토이 프로젝트는 이름 그대로 “장난감처럼 즐기는 프로젝트”를 뜻하며, 개인이 자유롭게 기술과 아이디어를 실험하고 개발해보는 비상업적, 비공식적 프로젝트를 의미합니다. 회사의 공식 업무나 고객의 요구에 맞춘 것이 아니라, 개인적인 호기심, 학습, 자기 계발을 목적으로 시작되는 프로젝트입니다. 따라서 실패에 대한 부담이 적고, 새로운 기술이나 아이디어를 창의적으로 시도해볼 수 있는 좋은 기회가 됩니다.
1.1. 토이 프로젝트의 주요 특징
- 비상업적: 수익을 창출하거나 제품화하려는 목적이 아닌, 학습이나 자기 계발을 위한 프로젝트입니다. 이를 통해 실제 상업적 프로젝트에서 시도하기 어려운 기술이나 아이디어를 실험해볼 수 있습니다.
- 자율적: 상사나 고객의 요구에 구애받지 않고, 자신의 관심사와 목표에 따라 주제를 자유롭게 선택할 수 있습니다. 이 때문에 실무에서 경험하지 못한 새로운 도구나 프레임워크, 기술을 시도해보고 다양한 실험을 할 수 있습니다.
- 작은 규모: 주로 단기간 내에 완성할 수 있는 작은 규모의 프로젝트로, 특정 기술이나 기능을 깊이 있게 탐구하는 것이 목적입니다. 예를 들어 간단한 웹 애플리케이션, 모바일 앱, 데이터 분석 대시보드 등이 있습니다.
1.2. 서비스 기획자에게 토이 프로젝트가 중요한 이유
서비스 기획자는 사용자 경험을 고려한 서비스 설계와 비즈니스 목표 달성이라는 두 가지 목적을 동시에 달성해야 합니다. 토이 프로젝트는 기획자가 이러한 두 가지 목적을 연습하고 강화할 수 있는 훈련의 장이 됩니다.
- 아이디어를 구체화하는 능력 강화: 서비스 기획자가 아이디어를 떠올리는 것만으로는 충분하지 않습니다. 아이디어를 구체적인 서비스 형태로 발전시키고, 사용자와 비즈니스에 유용한 방향으로 계획을 수립해야 합니다. 토이 프로젝트를 통해 기획자는 이러한 아이디어 구체화와 실행 능력을 반복적으로 훈련할 수 있습니다.
- 기획과 개발의 프로세스 이해: 서비스 기획자는 프로젝트의 초기 단계부터 설계, 테스트, 배포까지의 과정을 이해하는 것이 중요합니다. 특히 프론트엔드나 백엔드 개발자와 협력할 때 필요한 기초적인 기술과 용어를 이해하는 데 도움이 됩니다. 토이 프로젝트를 통해 기획자는 기획과 개발 간의 프로세스 차이와 협업 방식을 실질적으로 경험할 수 있습니다.
- 실무 경험 부족을 보완하는 기회: 실무에서 많은 기획자들은 특정 분야나 플랫폼에 대한 경험이 부족할 수 있습니다. 토이 프로젝트는 그동안 경험하지 못한 기술이나 트렌드를 습득하고, 실제 프로젝트에 적용할 수 있는 기반을 마련해줍니다. 예를 들어, 모바일 앱 기획에 필요한 UX/UI 설계 툴을 학습하거나, 웹사이트 기획에서 필요한 HTML, CSS 기본 지식을 쌓는 데 유용합니다.
- 포트폴리오 구축: 토이 프로젝트는 단순히 연습으로 끝나는 것이 아니라, 결과물을 포트폴리오로 활용할 수 있어 기획자의 능력을 시각적으로 증명하는 데 유리합니다. 서비스 기획자는 토이 프로젝트 결과물에 기획 의도, 기획 프로세스, 기능 구현 과정 등을 포함하여 자신의 기획 능력을 포트폴리오에 담을 수 있습니다. 이는 새로운 직무로의 도전이나 이직을 준비하는 경우 유용한 자료가 됩니다.
1.3 토이 프로젝트를 통해 얻을 수 있는 장점
- 기술 스택 확장: 토이 프로젝트를 진행하면서 새로운 언어, 프레임워크, 도구 등을 학습할 수 있습니다. 이는 이후 실제 프로젝트에서의 기획 작업에 있어 더욱 폭넓은 선택지를 제공하고, 기획안을 보다 기술적으로 구체화할 수 있도록 돕습니다.
- 실패와 개선을 통한 학습 기회: 상업 프로젝트에서는 실패에 대한 부담이 크지만, 토이 프로젝트는 실패해도 크게 문제가 되지 않습니다. 오히려 실패를 통해 더 나은 해결책을 찾고, 이를 반복하면서 실력을 쌓는 것이 목적입니다.
- 자기주도 학습: 토이 프로젝트는 스스로 목표와 방향을 설정하고, 필요한 기술과 방법을 찾아내어 학습하는 과정입니다. 이러한 자기주도적 학습 경험은 새로운 기술이나 지식을 빠르게 습득해야 하는 현대 업무 환경에서 매우 중요한 역량입니다.
- 창의력 증진: 토이 프로젝트를 통해 새로운 시도를 반복하며 창의력을 증진할 수 있습니다. 실무에서는 다소 제한적일 수 있는 아이디어나 비전도 자유롭게 실험해볼 수 있는 환경이 마련되므로, 기획자로서의 창의성을 개발할 수 있습니다.
2. 토이 프로젝트의 진행 과정
혼자서 토이 프로젝트를 성공적으로 진행하기 위해서는 체계적인 접근이 필요합니다. 다음은 토이 프로젝트의 진행 과정입니다.
2.1. 아이디어 선정 및 목표 설정
먼저 어떤 프로젝트를 할지 명확히 결정하는 것이 중요합니다. 프로젝트 아이디어를 구상할 때는 다음 사항을 고려해 보세요.
- 목표 설정: 이 프로젝트를 통해 어떤 스킬을 얻고 싶은지, 포트폴리오에 어떤 영향을 줄 것인지 생각합니다. 예를 들어, 데이터 분석 능력을 강화하고 싶다면 데이터를 활용한 간단한 분석 프로젝트를 선택할 수 있습니다.
- 주제 선정: 본인이 흥미를 갖는 주제를 선택하는 것이 좋습니다. 예를 들어, “사용자 친화적인 앱 프로토타입 설계”나 “고객 여정 설계” 등 실제 서비스에서 필요한 아이디어로 시작해 볼 수 있습니다.
- 타겟 사용자 설정: 프로젝트가 어떤 사용자에게 유용할지 상정하고, 이들이 필요로 할 기능을 고려하여 아이디어를 구체화합니다.
2.2. 요구사항 및 기능 정의
아이디어가 정해지면 프로젝트의 요구사항과 필요한 기능을 구체적으로 정의해야 합니다.
- 요구사항 명세서 작성: 프로젝트에서 필요한 핵심 기능과 각 기능의 세부적인 요구사항을 문서화합니다. 이 문서는 이후 개발이나 디자인 과정에서 기준이 됩니다.
- 기능 목록 작성: 구현할 기능들을 나열합니다. 예를 들어, 앱 설계라면 “로그인 화면,” “메인 페이지,” “설정 메뉴” 같은 기능이 될 수 있습니다.
- 우선순위 지정: 기능별 우선순위를 정해 필수적인 기능부터 먼저 완성할 수 있도록 계획합니다. 시간과 자원은 제한적이기 때문에 핵심 기능부터 구현하는 것이 중요합니다.
2.3. 와이어프레임 및 프로토타입 설계
UI/UX 툴을 활용하여 서비스의 구조와 디자인을 시각적으로 설계합니다.
- 와이어프레임 제작: 서비스의 전반적인 구조를 시각적으로 표현합니다. 각 페이지의 레이아웃, 버튼 배치, 기능 연결 방식 등을 정의하여 사용자 흐름을 시뮬레이션합니다.
- 프로토타입 만들기: 와이어프레임을 바탕으로 사용자가 실제로 앱을 사용하는 것처럼 체험할 수 있는 프로토타입을 제작합니다. 피그마(Figma)나 Adobe XD 같은 UI/UX 툴을 사용하여 화면 전환과 인터랙션을 추가합니다.
- UI 디자인: 색상, 폰트, 아이콘 등 시각적 요소를 추가하여 완성도를 높입니다. 사용자 경험을 고려하여 직관적인 인터페이스를 설계하는 것이 중요합니다.
2.4. 웹 사이트 개발 프로세스
웹사이트 개발 과정에서는 프론트엔드, 백엔드, API 연결 등 세부 단계를 거치며 실제로 웹사이트를 구현합니다. 각 단계는 웹사이트의 기능과 사용자 경험을 완성하는 데 중요한 역할을 합니다. 이 과정에서 HTML, CSS, JavaScript, 서버 설정, API 연결 등 다양한 기술을 사용하여 실질적인 웹사이트를 구축합니다.
– 프론트엔드 개발
프론트엔드 개발은 사용자가 직접 보는 화면을 설계하고 구현하는 과정입니다. 사용자가 직관적이고 매력적인 웹사이트를 경험할 수 있도록 HTML, CSS, JavaScript를 사용하여 화면의 구조와 스타일, 동작을 설정합니다.
- HTML(구조): HTML은 웹페이지의 기본 구조를 만듭니다. 예를 들어, 웹사이트의 헤더, 네비게이션 바, 콘텐츠 영역, 푸터 등을 설정하고, 각 섹션을 구성합니다. HTML 태그를 사용해 텍스트, 이미지, 버튼 등을 배치하여 사용자에게 정보를 제공합니다
- CSS(스타일): HTML로 만들어진 구조에 스타일을 입히는 작업을 합니다. 글꼴, 색상, 레이아웃을 설정하여 웹사이트가 시각적으로 더욱 매력적이고 사용자 친화적으로 보이게 만듭니다. 반응형 웹디자인을 적용하여 다양한 디바이스에서도 일관된 경험을 제공할 수 있도록 CSS 미디어 쿼리를 사용합니다.
- JavaScript(동작): JavaScript는 웹사이트의 동적인 기능을 구현하는 데 사용됩니다. 예를 들어, 버튼 클릭 시 모달 창을 띄우거나, 사용자 입력값을 실시간으로 처리하는 기능을 추가할 수 있습니다. 이 외에도 SPA(Single Page Application) 구조를 통해 사용자 경험을 개선하고, JavaScript 라이브러리나 프레임워크(예: React, Vue.js)를 사용하여 상호작용을 더욱 효과적으로 구현할 수 있습니다.
– 백엔드 개발
백엔드 개발은 서버, 데이터베이스, 애플리케이션 로직을 포함한 서버 측 기능을 구현하는 과정입니다. 사용자가 요청한 데이터를 처리하고 응답을 반환하는 등 웹사이트의 핵심 기능을 담당합니다. 데이터베이스와 서버 설정을 통해 사용자 데이터를 저장, 수정, 삭제할 수 있도록 만들어 줍니다.
- 서버 설정: Node.js와 같은 백엔드 환경을 사용하여 서버를 설정합니다. 서버는 사용자가 요청한 데이터를 처리하고, 데이터베이스와 상호작용하여 필요한 데이터를 제공하며, 필요한 기능을 실행합니다. 예를 들어, 사용자가 로그인 요청을 보내면 서버는 이 요청을 처리하여 사용자 정보를 확인하고, 적절한 응답을 반환합니다.
- 데이터베이스 설정 및 관리: 데이터베이스는 사용자 정보, 게시물, 댓글 등 웹사이트의 다양한 데이터를 저장하는 역할을 합니다. 관계형 데이터베이스(MySQL, PostgreSQL)나 NoSQL 데이터베이스(MongoDB)를 사용하여 데이터를 구성합니다. 예를 들어, 사용자가 회원 가입을 할 때 이름, 이메일, 비밀번호 등의 정보를 데이터베이스에 저장할 수 있습니다.
- API 개발: 웹사이트에서 특정 기능을 수행하기 위해 서버에 요청을 보낼 수 있도록 API를 설계합니다. 예를 들어, 사용자가 특정 게시물을 요청할 때 서버에서 해당 게시물 정보를 JSON 형식으로 반환하는 API를 만들 수 있습니다.
– API 연결
API는 외부 데이터나 기능을 웹사이트에 연결할 수 있는 방법입니다. API 연결을 통해 구글 지도나 날씨 정보 등 다양한 데이터를 가져와 웹사이트에 활용할 수 있습니다.
- 외부 API 사용: 예를 들어, 구글 지도 API를 사용하여 위치 정보를 웹사이트에 표시할 수 있습니다. API 키를 발급받아 JavaScript를 통해 지도를 불러오고, 특정 위치를 마커로 표시할 수 있습니다
- API 통신 처리: Fetch API나 Axios 라이브러리를 사용하여 API와 데이터를 주고받습니다. 예를 들어, 사용자가 특정 지역의 날씨 정보를 조회할 때, OpenWeatherMap API에 요청을 보내 데이터를 받아온 후 웹사이트에 표시할 수 있습니다.
2.5. 테스트 및 피드백 반영
프로토타입이 완성되면 테스트를 통해 문제점을 확인하고, 피드백을 반영하여 개선합니다.
- 사용자 테스트: 타겟 사용자 또는 지인들에게 테스트를 요청하여 사용성을 평가받습니다. 실제 사용자가 인터페이스를 어떻게 사용하는지 관찰하면서 개선할 점을 파악합니다.
- 피드백 수집: 사용자들의 의견을 반영하여 불편한 부분이나 혼란스러운 요소를 수정합니다. 필요한 경우, 사용자가 더 쉽게 이해할 수 있도록 기능이나 인터페이스를 조정합니다.
- 반복 테스트: 개선한 사항들을 반영하여 다시 테스트를 진행합니다. 피드백과 수정 과정을 여러 번 반복하면서 완성도를 높입니다.
2.6. 결과물 정리 및 포트폴리오 구성
프로젝트가 완료되면 최종 결과물을 체계적으로 정리하여 포트폴리오로 활용할 수 있도록 구성합니다.
- 프로젝트 문서화: 프로젝트의 목표, 요구사항, 기능, 설계, 테스트 과정, 개선 사항 등을 문서로 남깁니다. 이 과정은 후에 본인의 프로젝트를 다른 사람에게 설명할 때 유용하게 활용될 수 있습니다.
- 포트폴리오에 추가: 완성된 결과물을 포트폴리오에 추가하여 자신이 어떤 과정을 거쳐 프로젝트를 완성했는지 보여줄 수 있도록 구성합니다. 특히, 초기 아이디어부터 최종 결과물까지의 진행 과정을 시각적으로 정리하면 이해하기 쉽고 인상적입니다.
- 프로젝트 피드백 정리: 프로젝트를 통해 배운 점과 아쉬운 점을 정리하여 다음 프로젝트에 반영할 수 있도록 합니다.
3. 혼자서 진행하기 좋은 토이 프로젝트 아이디어
3.1. 고객 여정 설계 및 시나리오 플래닝
사용자 여정을 설계하고 상황별 시나리오를 구성하는 것은 서비스 기획의 핵심 역량 중 하나입니다. 사용자가 서비스에 처음 접속해 목적을 달성하고 종료할 때까지의 과정에서 발생할 수 있는 다양한 시나리오를 기획하여, 서비스의 유용성을 높이고 사용자 만족도를 높일 수 있습니다.
- 사용자 유형 설정: 먼저 다양한 사용자 유형을 설정합니다. “첫 방문 사용자,” “구매 이력 있는 사용자,” “서비스에 대한 불만이 있는 사용자” 등의 유형으로 나누어 각 유형에 맞는 사용자의 목표를 파악합니다.
- 여정 단계 정의: 사용자 여정을 크게 몇 가지 단계로 나눕니다. 쇼핑몰 서비스에서는 “상품 탐색 -> 장바구니 추가 -> 결제 -> 주문 완료”와 같은 단계로 여정을 구성할 수 있습니다. 각 단계에서 사용자가 경험할 주요 기능과 기대 행동을 정의합니다.
- 시나리오 작성: 특정 사용자 유형이 각 단계에서 겪을 수 있는 상황과 행동을 시나리오 형식으로 작성합니다. “첫 방문 사용자가 로그인 없이 상품을 탐색하고 장바구니에 추가한 후, 결제 시 회원가입 유도 페이지를 경험하게 되는 시나리오”를 작성해 볼 수 있습니다.
3.2. 데이터 기반 서비스 기획
데이터 분석을 통해 사용자 행동을 파악하고, 이를 바탕으로 서비스 개선 방향을 기획하는 것은 효과적인 서비스 설계를 위한 핵심 역량입니다. 간단한 데이터 분석을 통해 인사이트를 도출하고 이를 기획에 반영하는 과정을 통해 데이터 기반 의사결정의 기초를 다질 수 있습니다.
- 데이터 수집: 먼저 가상의 데이터를 수집하거나, 실제로 사용할 수 있는 오픈 데이터셋을 찾습니다. 예를 들어, 웹사이트의 “페이지 방문자 수, 클릭 횟수, 특정 버튼의 클릭률” 등의 데이터를 가정할 수 있습니다. Google Analytics를 통해 수집된 데이터나 Kaggle 등에서 제공하는 공개 데이터를 활용할 수도 있습니다.
- 데이터 분석: 수집한 데이터를 엑셀이나 Python의 Pandas 라이브러리를 통해 분석합니다. 예를 들어, 특정 페이지에서 이탈률이 높다면 해당 페이지의 UX/UI를 개선하거나, 로그인 과정이 복잡하다면 단계 간소화를 고려할 수 있습니다. 또, 특정 기능의 사용률이 낮다면 해당 기능의 위치나 접근성을 개선하는 방안을 고민해볼 수 있습니다.
- 분석 결과에 따른 기획 반영: 분석 결과를 바탕으로 기획에 필요한 방향을 설정합니다. 예를 들어, “사용자가 제품 상세 페이지에서 이탈하는 비율이 높으므로, 상세 페이지에 보다 명확한 상품 설명과 추천 제품 리스트를 추가하여 사용자가 다른 페이지로 넘어갈 수 있도록 유도하는 개선 방안을 기획”할 수 있습니다.
4. 토이 프로젝트에 유용한 사이트 추천
토이 프로젝트를 진행할 때 도움을 받을 수 있는 유용한 사이트를 소개합니다.
5. 혼자 프로젝트를 성공적으로 완수하는 팁
5.1. 명확한 목표 설정
프로젝트를 시작하기 전에 명확한 목표와 방향을 설정하는 것이 무엇보다 중요합니다. 프로젝트 목표는 전체 과정을 안내하는 지침 역할을 하며, 계획을 세우고 우선순위를 설정하는 데 큰 도움이 됩니다.
- 목표 구체화: 목표는 “완성된 웹사이트 만들기” 같은 추상적인 것보다는 “사용자에게 직관적인 UI를 제공하는 웹사이트 개발”과 같이 구체적으로 설정하는 것이 좋습니다. 예를 들어, “이 프로젝트를 통해 사용자 경험을 높이는 인터페이스 설계 능력을 향상시키겠다”는 목표를 세우면 더 집중적으로 스킬을 향상시킬 수 있습니다.
- 달성 가능한 범위 설정: 목표가 너무 방대하면 프로젝트 중반에 동기 부여가 떨어질 수 있습니다. 자신의 능력과 시간에 맞게 실현 가능한 범위로 목표를 설정하세요. 예를 들어, “3개월 안에 최소 기능을 갖춘 웹사이트 개발”이라는 현실적인 목표를 설정합니다.
- 기능 우선순위 정하기: 목표를 달성하기 위해 필요한 기능을 정하고 그 우선순위를 정합니다. 이 우선순위를 바탕으로 핵심 기능을 먼저 구현하고, 부수적인 기능은 프로젝트가 완성된 후 추가할 수 있습니다
5.2. 피드백을 통한 개선
혼자 진행하는 프로젝트에서도 다양한 방법을 통해 피드백을 얻고 이를 반영하는 것이 중요합니다. 피드백을 통해 자신의 작업을 객관적으로 평가하고, 부족한 부분을 개선할 수 있습니다.
- 사용자 관점에서 테스트하기: 프로젝트가 진행되는 동안 사용자 관점에서 테스트를 해보세요. 예를 들어, 웹사이트라면 목표 사용자처럼 행동하며 UI/UX를 테스트해보는 겁니다. 이러한 테스트를 통해 사용자의 실제 경험을 예측하고, 개선할 점을 찾을 수 있습니다.
- 지인에게 피드백 요청: 가까운 친구나 동료에게 웹사이트나 앱을 테스트해 보도록 요청하고 솔직한 피드백을 받습니다. 웹사이트 사용성이 떨어지거나 디자인적으로 개선이 필요한 부분에 대한 의견을 들을 수 있습니다.
- 피드백 반영을 위한 개선 계획 세우기: 받은 피드백을 정리하고 우선순위를 매겨 개선 계획을 세웁니다. 예를 들어, “로그인 화면이 복잡하다”는 피드백을 받았다면, 이를 바탕으로 단순화하거나 가이드라인을 추가하는 등의 개선 작업을 계획합니다.
- 기록하고 다시 점검하기: 개선한 사항과 피드백 내용은 기록해 두고 나중에 점검할 수 있도록 합니다. 이렇게 하면 프로젝트 전체 과정에 대한 기록이 남고, 이후 프로젝트를 진행할 때 유용한 자료로 활용할 수 있습니다.
5.3. 포트폴리오 활용법
프로젝트를 완료한 후에는 그 결과물을 체계적으로 정리하여 포트폴리오로 활용하세요. 포트폴리오에 프로젝트 과정을 잘 담아내면, 앞으로의 취업이나 협업 시 자신의 능력과 경험을 잘 보여줄 수 있습니다.
- 프로젝트 개요 작성: 포트폴리오에는 프로젝트의 간단한 개요를 포함하세요. 이 개요에는 프로젝트의 목적, 주요 기능, 타겟 사용자 등을 요약하여 적습니다. 예를 들어, “사용자 피드백을 수집하고 분석할 수 있는 웹 애플리케이션 개발”과 같은 형태로 간단하게 설명합니다.
- 진행 과정 상세 설명: 프로젝트 진행 과정을 단계별로 설명합니다. 프로젝트를 진행하면서 겪은 어려움과 이를 해결한 방법도 포함하면 좋습니다. 예를 들어, “로그인 화면을 디자인할 때 직관성을 높이기 위해 여러 번 테스트를 진행했고, 피드백을 통해 최적화했다”와 같은 구체적인 과정 설명이 도움이 됩니다.
- 스크린샷 및 결과물 첨부: 결과물을 사진이나 스크린샷으로 첨부하여 프로젝트의 시각적 요소를 강조합니다. 각 기능별 스크린샷을 함께 제공하면, 포트폴리오를 보는 사람이 프로젝트를 이해하는 데 큰 도움이 됩니다.
- 프로젝트에 대한 자기 평가: 프로젝트를 통해 배운 점과 느낀 점을 작성합니다. 예를 들어, “이 프로젝트를 통해 사용자 중심의 설계 방법을 배우게 되었으며, 앞으로의 프로젝트에 적용할 계획”과 같은 자기 평가를 포함하면, 프로젝트에 대한 진지한 접근과 발전 의지를 보여줄 수 있습니다.
- GitHub 링크 포함: 프로젝트 코드가 있다면 GitHub에 업로드하고 포트폴리오에 해당 링크를 포함하세요. 이를 통해 실제로 프로젝트를 수행한 능력을 보여줄 수 있으며, 코드 품질을 확인하려는 사람에게도 좋은 인상을 줄 수 있습니다.
저 또한 혼자 토이 프로젝트를 진행하기 위해 우선 도메인부터 구매했습니다. 데이터를 어떻게 가지고 오고 어떻게 보여줄지 고민이라서 잠시 멈춰있는데요 조만간 얼릉 진행해야겠습니다. 서비스 기획자로 앞으로 계속 살아가실려면 혼자 전부 다 해보는것도 나쁘지 않습니다. 그래야 뭐가 어떻게 돌아가는지 어떻게 지시를 내려야할지 아실 테니까요^^
