[Improvement] 대회 생성 페이지 UI/UX 개선

[taekoong]

개선 대상 및 현재 한계점

현재 대회 생성 페이지는 다음과 같은 UI/UX 한계가 존재합니다.

1. 시각적 구분 요소가 부족하여 섹션 단위 인지가 어려움
2. 출제자가 작성 중인 대회가 실제로 어떻게 보여질지 직관적으로 예측하기 어려움
3. 생성 후 화면을 확인한 뒤 다시 수정해야 하는 반복 작업 발생
4. 작성 단계에서 레이아웃, 정보 노출 방식, 문제 배치 순서를 체감하기 어려움

제안하는 개선 사항

대회 생성 페이지의 UI 구조를 실제 대회 상세 페이지와 최대한 동일한 형태로 구성하여, 작성 단계에서 최종 결과 화면을 실시간으로 예측할 수 있도록 개선합니다.

• 실제 대회 상세 페이지와 동일한 레이아웃 구조 적용
• 제목, 설명, 문제 리스트 영역을 실제 노출 방식과 동일하게 배치
• 작성 중 입력한 값이 즉시 반영되는 프리뷰 형태 제공

참고 자료

[현재 대회 생성 페이지 화면]

Acceptance Criteria

• 대회 생성 페이지 UI가 실제 대회 페이지와 동일한 구조를 가진다.
• 작성 중 입력한 정보가 실시간으로 프리뷰에 반영된다.