프로젝트명

모집 랜딩페이지

개발연도

2025.08

타입

외주

클라이언트

한국스포츠협회(사)

요약

랜딩페이지

개발 언어

HTMLCSS

키워드

키워드해시태그

프로젝트 URL

https://example.com/22

상세설명

프로젝트 요약 대학 e스포츠 대회 참가자를 모집하는 이벤트 랜딩페이지로, 상금/타이틀(리그 오브 레전드·배틀그라운드M)·지역 예선 안내와 일정표·활동 사진을 한 화면에 스토리텔링으로 배치하고 즉시 참가신청 CTA로 전환되도록 반응형으로 설계했으며 기획+디자인+프론트(Bootstrap/JS)와 백엔드(PHP Laravel/MySQL)까지 일괄 개발.

개발 과정 및 특징

히어로 섹션에 대회 슬로건·상금·주요 타이틀 노출, 고정 CTA로 스크롤 중에도 신청 가능

ABOUT·GAMES·REGION MAP·SCHEDULE(월별/상세) 섹션 구성으로 정보 탐색 동선 최소화

참가신청 폼(팀/개인, 소속/IGN/연락처/지역·개인정보 동의) 유효성 검사·reCAPTCHA·메일/DB 저장

공지/FAQ 모듈과 SNS 공유 메타·버튼으로 유입 확장, 활동 갤러리로 신뢰도 강화

운영/통계: 관리자에서 접수 현황·지역/타이틀 필터·엑셀 Export, GA4 이벤트(클릭/전환) 연동

퍼포먼스/접근성: WebP·지연 로딩·코드 스플리팅, 명도 대비·키보드 포커스·aria 라벨 반영