개인 프로젝트 • 2024.05.16~2024.07.21 • 결과
2024.05.16~2024.07.21 · 개인 / 모바일 웹 서비스
공팅 블라인드 매칭 서비스
상세
한국공학대학교 학생을 대상으로 한 블라인드 매칭 웹 서비스입니다. 코로나19 이후 줄어든 학생 간 교류와 소속감 문제를 줄이기 위해, 성향·관심사 기반으로 새 연결을 돕는 모바일 중심 UI를 설계했습니다. yheun03/gongting 저장소에서 intro·가입·프로필·매칭·결과 화면을 정적 HTML로 관리하고 GitHub Pages에 배포했습니다.
- 소요 시간
- 약 1주 (런칭) · 저장소 정리 ~2개월
- 언어·핵심 스택
- HTMLSCSSJavaScriptFigma
- 사용 도구·전체 스택
- HTMLSCSSJavaScriptFigmaPhotoshopIllustratorGitHub Pages
캡처

개요
역할: 디자인 50%·퍼블리싱 100%
내가 한 일
- intro·회원(user)·매칭(match) 흐름을 `html/` 정적 페이지와 `intro.html` 진입점으로 구성
- 모바일 중심 UI 디자인 방향 수립, 브랜드 톤·그래픽·SCSS·JS를 `resources/`에 정리
- UI 컴포넌트 샘플을 `component.html`로 분리해 화면 단위 퍼블리싱 재사용
- GitHub Pages(`yheun03.github.io/gongting`) 배포 및 파비콘·에셋 세트 구성
성과
- 초기 서비스에서 1차 171명, 2차 121명의 참여 경험을 기록
- GitHub 저장소로 화면·리소스를 버전 관리해 포트폴리오 아카이브와 별도로 유지
포인트
- 짧은 런칭 주간에 모바일 서비스 UI·퍼블리싱을 완성한 학교 프로젝트
- 사용자 피드백을 바탕으로 친구 매칭 확장 방향까지 문서화