공팅 블라인드 매칭 서비스

상세

한국공학대학교 학생을 대상으로 한 블라인드 매칭 웹 서비스입니다. 코로나19 이후 줄어든 학생 간 교류와 소속감 문제를 줄이기 위해, 성향·관심사 기반으로 새 연결을 돕는 모바일 중심 UI를 설계했습니다. yheun03/gongting 저장소에서 intro·가입·프로필·매칭·결과 화면을 정적 HTML로 관리하고 GitHub Pages에 배포했습니다.

소요 시간: 약 1주 (런칭) · 저장소 정리 ~2개월
언어·핵심 스택: HTMLSCSSJavaScriptFigma
사용 도구·전체 스택: HTMLSCSSJavaScriptFigmaPhotoshopIllustratorGitHub Pages

데모 보기 GitHub

캡처

개요

역할: 디자인 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·퍼블리싱을 완성한 학교 프로젝트
사용자 피드백을 바탕으로 친구 매칭 확장 방향까지 문서화