프로젝트 배경
1) 문제점
영상/방송 업계 종사자(전문가)와 제작사 간의 연결이 비효율적이고 복잡한 절차로 이루어져 있음.
지원-섭외 과정이 불투명하고, 전문가에게 맞는 맞춤형 공고를 찾기 어려움.
모바일 환경에서 구직·채용·관리 기능이 분산되어 사용자 경험이 낮음.
2) 프로젝트 목표
전문가와 제작사 양측이 손쉽게 사용할 수 있는 구인구직 플랫폼 구축.
개인화된 맞춤 공고 제공, 프로필 기반 지원, 프로젝트 관리 기능을 통합하여 서비스의 흐름을 효율화.
관리자와 일반 사용자가 모두 직관적으로 사용할 수 있는 웹/앱 통합형 플랫폼 제공.
3) 주안점
프리랜서 중심의 사용자 특성에 맞는 유연한 인터페이스 설계.
복잡한 프로젝트 등록, 지원 관리 과정을 단순화한 UX 구조 설계.
제작사와 전문가 간 빠르고 매끄러운 상호작용 흐름 제공.
유지보수가 쉬운 개발 환경과 일관된 디자인 시스템 구축.
영상/방송 업계 종사자(전문가)와 제작사 간의 연결이 비효율적이고 복잡한 절차로 이루어져 있음.
지원-섭외 과정이 불투명하고, 전문가에게 맞는 맞춤형 공고를 찾기 어려움.
모바일 환경에서 구직·채용·관리 기능이 분산되어 사용자 경험이 낮음.
2) 프로젝트 목표
전문가와 제작사 양측이 손쉽게 사용할 수 있는 구인구직 플랫폼 구축.
개인화된 맞춤 공고 제공, 프로필 기반 지원, 프로젝트 관리 기능을 통합하여 서비스의 흐름을 효율화.
관리자와 일반 사용자가 모두 직관적으로 사용할 수 있는 웹/앱 통합형 플랫폼 제공.
3) 주안점
프리랜서 중심의 사용자 특성에 맞는 유연한 인터페이스 설계.
복잡한 프로젝트 등록, 지원 관리 과정을 단순화한 UX 구조 설계.
제작사와 전문가 간 빠르고 매끄러운 상호작용 흐름 제공.
유지보수가 쉬운 개발 환경과 일관된 디자인 시스템 구축.
프로젝트 성과
양방향 플랫폼 구축
전문가용·제작사용 UI를 각각 20페이지 이상 제작, 역할 기반 구조 설계
디자인 시스템 정립
Tailwind 기반 통일된 UI/UX 구축으로 유지보수성과 확장성 확보
맞춤형 공고 시스템
필터 기반의 개인화된 맞춤 공고 제공, 전문가 피드 기능 구현
프로젝트 등록 절차 개선
4단계 등록 프로세스로 공고 작성 간소화 및 사용자 이탈 최소화
관리자 화면 개발
카테고리 및 콘텐츠를 개발 없이도 관리할 수 있도록 관리자 화면 최적화
핵심 기능

맞춤 공고 피드
전문가의 프로필과 활동 이력을 바탕으로 개인화된 공고를 자동 추천하는 기능. 필터 기반 탐색도 가능.

프로젝트 지원/섭외 시스템
전문가가 프로젝트에 지원하고, 제작사가 지원자 상태를 관리할 수 있는 양방향 섭외 구조 구현.

간편한 프로젝트 등록 절차
4단계 등록 UI: 기본정보 입력 → 직종 선택 → 유형 선택 → 섭외 요청까지 원스톱 플로우 제공.

관리자 페이지
데이터 기반 화면 동기화, 카테고리 및 프로젝트 세부 설정을 운영진이 직접 변경 가능.
진행 단계
Kick-off & Meeting
2022.11.
클라이언트 인터뷰를 통해 영상업계 특수성과 전문가-제작사 간 관계 구조에 대한 이해를 높였으며, 서비스 방향성 및 전체 흐름에 대한 전략을 수립함.
서비스 기획
2022.11.
요구사항 정의서를 바탕으로 와이어프레임, 디스크립션, 메뉴 구조도, 정책 정의서 등을 작성. 프리랜서형 사용자의 피로도를 낮추는 UX를 설계함.
UI/UX 디자인
2022.12.
전문가용, 제작사용 UI 각각 20페이지 이상 제작. 타이포그래피, 컬러, 컴포넌트 등 디자인 시스템을 수립하고 일러스트 삽화 등 브랜드 감성도 반영함.
프로트엔드 / 백엔드 개발
2023.02.
React, NextJS 기반 프론트엔드, Redux 및 Tailwind로 구조화.
백엔드는 API 설계, DB 설계, 서버 환경 구성까지 포함.
백엔드는 API 설계, DB 설계, 서버 환경 구성까지 포함.
관리자 페이지 개발
2023.02.
카테고리/태그 등 콘텐츠를 비개발자도 쉽게 관리 가능하도록 관리자 화면 구성.
데이터 기반 UI 동기화 기능 포함.
데이터 기반 UI 동기화 기능 포함.
프로젝트 상세
1) 포트폴리오 소개 : 영상방송 구인구직 플랫폼
2) 작업 범위 : 개발에 참여한 범위 및 지원환경
- 와이어프레임, 스토리보드 (Figma)
- 모바일 웹 디자인 (Figma)
- 웹 프론트 (React.js)
- 웹 패키징 웹앱 (Android , iOS)
- 서버(Node.js)
- 관리자페이지 (React.js)
3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
- 전문가/프로듀서 양 사이드 분리 개발
- 서비스 앱 스토어 배포
- 유료 광고 상품 결제
4) 주안점 : 서비스 구축 시 중점이 되었던 사항
- 다양한 직종에서 자신에게 맞는 구인구직 추천 시스템
- 업무 특성상 모바일 내에서 사용 가능하도록 UX/UI 설계
- 프로듀서와 전문가 각 포지션 별도 개발
2) 작업 범위 : 개발에 참여한 범위 및 지원환경
- 와이어프레임, 스토리보드 (Figma)
- 모바일 웹 디자인 (Figma)
- 웹 프론트 (React.js)
- 웹 패키징 웹앱 (Android , iOS)
- 서버(Node.js)
- 관리자페이지 (React.js)
3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
- 전문가/프로듀서 양 사이드 분리 개발
- 서비스 앱 스토어 배포
- 유료 광고 상품 결제
4) 주안점 : 서비스 구축 시 중점이 되었던 사항
- 다양한 직종에서 자신에게 맞는 구인구직 추천 시스템
- 업무 특성상 모바일 내에서 사용 가능하도록 UX/UI 설계
- 프로듀서와 전문가 각 포지션 별도 개발








