서비스 설명
참외 인력소는 ‘참한 외주 개발자 인력소’의 줄임말로, 개발자와 프로젝트 관리자(PM)을 중개하는 모바일 웹 플랫폼입니다. 개발자는 기술 스택, 직군 등의 정보를 담은 프로필을 작성하고, PM은 프로젝트 정보를 등록하여 원하는 개발자 또는 PM과 컨택할 수 있습니다. 이 플랫폼을 통해 이용자들은 서로를 팔로우하거나 '후기'와 '추천' 기능을 활용하여 신뢰성 있는 비즈니스 파트너를 찾을 수 있습니다.
이 플랫폼은 개발자와 PM 사이를 효율적으로 중개하며, 프로젝트를 성공적으로 수행하기 위한 전문 역량을 갖춘 비즈니스 파트너를 찾을 수 있도록 지원합니다.
기획 배경
기존 외주 중개 플랫폼의 문제점
- 복잡한 사용자 인터페이스(UI)
- 인기 플랫폼인 경우에도 모바일 버전을 지원하지 않는 경우가 있음
사용자 경험 개선과 Social Networking을 통한 개발 외주 중개 플랫폼 활성화
국내 외주 중개 플랫폼은 필요한 기능을 대부분 포함하고 있지만 사용자 경험(UX) 측면에서는 편리하지 않은 경우가 많습니다. 사용자들이 서비스를 효과적으로 이용하고 개발자와 클라이언트 간의 상호작용과 협업이 원활하게 이루어지도록 하기 위해서는 사용자가 웹 페이지에 쉽게 접근하고 편리하게 사용할 수 있어야 합니다. 따라서 우리 팀은 기존 외주 중개 서비스의 사용자 경험을 개선한 모바일 웹을 기획하였습니다.
또한, 회원 간 개인 메시지(DM) 및 '팔로우', '후기', '추천' 기능과 같은 Social Networking Service를 도입해 개발자, PM 간의 연결과 협업을 촉진하여 개발 중심의 외주 중개 플랫폼의 활성화를 기대할 수 있습니다.
타겟층
- 개발자가 필요한 프로젝트 담당자
- 외주 개발에 참여하고 싶은 개발자
- 협업할 동료가 필요하거나 동료를 사귀고 싶은 개발자
주요 기능
- 회원 가입(원하는 경우 본인의 기술 스택, 직군, 한 줄 설명 및 자기소개 입력)
- 로그인
- 관련 키워드로 프로젝트 및 개발자 검색
- 유저 간의 DM
- 유저 간의 팔로워, 팔로잉
- 프로젝트, 개발자 프로필에 대한 ‘추천(좋아요)’ 및 ‘후기(댓글)’
- 프로젝트 공고 게시, 수정, 삭제
- 개발자 프로필 페이지 게시, 수정, 삭제
- 실시간 접속 중인 회원 보여주기
스토리 보드
유저 플로우
유저 시나리오A - 개발자 시점, 프로젝트 탭
개발자A는 외주 개발에 참여를 하고 싶다.
A는 참외 인력소에 접속한다.
프로젝트 목록 페이지로 이동한다.
프로젝트 목록을 살펴보거나 관련 키워드로 검색해본다.
A는 프로젝트 목록 중 하나를 클릭하여 상세 페이지로 이동한다.
글을 읽어본 뒤, 궁금한 점을 댓글을 통해 물어보고 답변을 받는다.
프로젝트 담당자에게 DM을 통해서 연락을 하고 프로젝트에 참여한다.
프로젝트 완료 후 ‘추천'과 후기를 작성한다.
유저 시나리오B - 개발자 또는 PM 시점, 개발자 탭
개발자 또는 PM인 B는 팀 프로젝트를 하다가 팀원 한 명이 이탈하여 당장 협업할 동료가 필요하다.
B는 참외 사이트에 접속을 한다.
개발자 목록 페이지로 이동한다.
검색창에 기술 스택이나 직군을 검색한다.
검색결과로 개발자 리스트가 나온다.
원하는 스펙의 개발자를 찾아 프로필을 클릭한다.
개발자 프로필 페이지를 통해 지금 접속 중인지 확인할 수 있다.
해당 개발자가 마음에 들어 DM을 보낸다.
DM을 통해 이야기를 나누고, 함께 프로젝트를 진행하기로 결정한다.
프로젝트가 성공적으로 완료된다.
서로의 아이디를 통해 검색해서 프로필에 들어가 ‘추천’와 ‘후기’를 작성하고 맞팔을 한다.
유저 시나리오C - PM 시점, 프로젝트 탭
PM인 C는 프로젝트를 시작하고 싶은데 사람을 구하기 쉽지 않다.
참외 인력소 사이트에 접속한다.
프로젝트 목록 페이지로 이동한다.
프로젝트에 대한 소개와 필요한 개발자 스펙에 대해 기술한 포스트를 작성한다.
해당 글을 보고 C와 함께하고 싶은 개발자들의 DM과 댓글이 돌아온다.
C는 다른 개발자들과 DM을 통해 대화한다.
여러 개발자들의 프로필을 확인하고 마음에 드는 개발자와 맞팔도 한다.
함께 프로젝트를 성공적으로 완료한다.
서로의 아이디를 통해 검색해서 프로필에 들어가 ‘추천’와 ‘후기’를 작성해준다.
유저 스토리
와이어 프레임
기술 스택
- React, TypeScript
- MUI, Emotion
- Redux-toolkit
- Axios
- Vite
- Eslint, Prettier
- Vercel