CS 취업 특화 PROTOTYPE

인터랙티브 UI/UX 프로토타입
기능명세서 v3.3 기반 클릭 시연

버튼·필터 칩·카드·모달이 실제로 동작하는 목업입니다. 이 화면집은 명세서의 최종 비전 전체를 시각화한 것으로, 실제 배포 MVP(jobfilter-mvp.vercel.app)는 교수 피드백에 따라 핵심 루프 — 공고 탐색 → 매칭 분석 → 자소서 코칭 → 지원 관리 — 4개 화면만 무로그인으로 구현했습니다. 로그인·기업 뷰·준비도·모의면접·달력 화면은 MVP 대상이 아닌 비전 참고용 컨셉입니다.

touch_app10개 화면 클릭 시연 check_circleMVP 구현: 목록·상세·코칭·칸반 4화면 info구현 코드가 아닌 컨셉트 — 실제 데이터와 무관
로그인 화면01

login로그인

학교 이메일(ac.kr) 인증과 GitHub 로그인. 학생/기업 회원가입 버튼, 비밀번호 보기 토글, "시작하기" → 대시보드 이동.

비전 참고F-01F-02
열기arrow_forward
학생 대시보드02

grid_view학생 대시보드

지원 현황 파이프라인 · 마감 임박 공고 · 맞춤 추천 · 자소서 완성도 91점 카드. 카드 클릭 시 상세, 리포트 버튼은 코칭 화면으로 이동.

MVP 일부F-10F-60F-61
열기arrow_forward
공고 목록03

search공고 목록

검색 실시간 필터링 · 필터 칩 X 삭제 · 초기화(N). 카드별 "비교 분석 보기"로 2~3개 공고를 골라 나란히 비교하는 F-63 시연 포함.

MVP 구현F-11F-12F-63
열기arrow_forward
공고 상세04

description공고 상세

스크랩 토글 · 공유 · 칸반 추가 · "내 스펙 vs 요구역량" 적합도 대조와 부족 역량 → 학습 로드맵 연계까지 한 화면에서 시연.

MVP 구현F-12F-21
열기arrow_forward
자소서 코칭05

auto_fix_high자소서 코칭

문항 탭 전환 · 본문 복사 · TXT보내기 · 재분석. 평가 기준 7개 가중치 공개, 추천 키워드 칩 클릭 시 본문에 실제 삽입.

MVP 구현F-15~17F-28F-62
열기arrow_forward
지원 관리 칸반06

view_kanban내 지원 현황 (칸반)

카드 드래그로 단계 이동 · 건수 자동 갱신 · 새 지원 기업 등록 모달. 리스트/캘린더 뷰 전환과 면접 준비 등 제안 기능 버튼 포함.

MVP 구현F-14F-65F-70
열기arrow_forward
취업 준비도07

analytics취업 준비도 리포트

프로필·기술스택·자소서·지원활동·면접준비 5개 항목의 가중 합산 점수. 개선 액션별 예상 점수 상승과 또래 비교까지 한 화면.

비전 참고F-60F-28
열기arrow_forward
모의면접08

record_voice_over규칙 기반 모의면접

내 자소서·지원 공고에서 질문 추출 → 답변 → 키워드 포함 여부 분석 → 기록 저장. 4단계 진행 표시와 다음 예상 질문 큐 포함.

비전 참고F-64F-16
열기arrow_forward
공채 달력09

calendar_month공채 달력

공고 마감·면접·개인 일정을 한 월간 달력에 오버레이. 유형별 색상 범례, D-day 목록, ICS보내기 버튼 포함.

비전 참고F-65F-61
열기arrow_forward
기업 대시보드10

corporate_fare기업 담당자 대시보드

등록 공고·지원자 수·전환율 카드, 지원자 파이프라인 표(체크박스 일괄 액션), 공고별 접수 현황과 승인 상태까지 기업 뷰 전체.

비전 참고F-30F-70F-71
열기arrow_forward
sell MVP 구현 실제 배포물(jobfilter-mvp.vercel.app)에 포함 · MVP 일부 요약 카드 형태로 흡수 · 비전 참고 MVP 범위 제외 — 명세서 최종 비전의 시각화 컨셉 파랑 태그 — 기존 명세 기능(F-01~F-50) · 초록 태그 — 12절 확장 제안(F-60~) 컨셉. 시연 팁: 목록에서 "비교 분석 보기" 2개 클릭 → 하단 바 → 비교 모달 · 칸반 카드는 드래그 가능

JOBFILTER CAPSTONE — UI/UX CONCEPT · FUNCTIONAL SPEC v3.3 · MVP: jobfilter-mvp.vercel.app