월드컵 전술 웹서비스 챌린지, 투표자가 보는 첫 장면을 어떻게 설계할까 | DAKER 커뮤니티
월드컵 전술 웹서비스 챌린지에서는 기능을 많이 담는 것만으로는 부족합니다. 투표자가 링크를 여는 순간 무엇을 이해하고, 어디를 누르며, 어떤 변화를 보게 되는지가 첫인상을 좌우합니다. 설명서보다 먼저 읽히는 첫 장면이 중요한 이유입니다.
2026년 8월 3일 KST 기준 DAKER 공식 수치는 참가 188명, 팀 32개, 제출 91건, 갤러리 91건, 게시판 9건, 조회수 10,270회입니다. 지금 이 글을 읽을 이유도 여기에 있습니다. 경쟁이 쌓일수록, 링크를 열자마자 이해되는 화면이 더 중요해지기 때문입니다.
투표자가 링크를 여는 순간, 설명서보다 첫 장면·첫 조작·복구 문장이 먼저 읽혀야 합니다.
첫 장면 잠금이란, 링크를 연 사람이 문제·조작·결과를 즉시 보게 고정하는 일입니다.
왜 지금 첫 장면을 점검해야 할까
월간 해커톤: 내가 축구 감독이라면 - 월드컵 전술 웹서비스 챌린지의 현재 일정은 2026년 7월 6일 오전 10:00부터 2026년 7월 27일 오전 10:00까지 이어지는 단계가 포함됩니다. 기획서 제출 기준 일정은 2026년 7월 6일 오전 10:00부터 2026년 7월 27일 오전 10:00까지로 확인됩니다.
이때 중요한 것은 기능 목록을 나열하는 방식보다, 투표자가 실제로 보게 될 장면의 순서로 서비스를 다시 보는 일입니다. claude-video 관점은 바로 이 지점을 짚습니다. 어디를 눌러야 하는지, 누른 뒤 무엇이 달라지는지, 중간에 막히면 어떤 문장이 다음 행동을 안내하는지를 장면 단위로 확인하게 합니다.
참가자가 먼저 챙기면 좋은 화면 구성
가장 먼저 볼 화면에는 경기 상황과 첫 조작 버튼이 함께 있어야 합니다. 전술 보드에서는 선수 이동이나 선택 결과가 짧은 시간 안에 보이는 것이 좋습니다. 또 로딩이 늦거나 데이터가 비었을 때는 복구 문장을 같은 화면에 두면 됩니다.
첫 화면에는 경기 상황과 첫 조작이 함께 보여야 하고, 조작 뒤에는 결과 변화가 바로 이어져야 합니다.
여기에 더해 모바일 폭과 새 창에서도 첫 조작이 가려지지 않는지 확인하면 공개 흐름을 점검하는 데 도움이 됩니다.
장면별로 보면 무엇을 확인해야 할까
| 장면 | 보여줄 행동 | 확인할 위험 |
|---|---|---|
| 첫 화면 | 경기 상황과 첫 버튼 | 목적 불명확 |
| 첫 조작 | 선수 이동 또는 선택 | 상호작용 누락 |
| 결과 | 전술 변화 표시 | 정적 화면 반복 |
| 복구 | 빈 데이터 안내 | 오류 방치 |
이 표는 복잡한 기획을 늘리기 위한 것이 아니라, 투표자가 실제로 따라가게 될 흐름을 짧게 점검하기 위한 기준입니다.
이미지에서는 어떤 흐름을 보면 좋을까
이미지 흐름도 같은 기준으로 읽으면 됩니다. 참가자가 대중 투표 화면을 상상하며 웹 링크 첫 장면을 다시 열고, claude-video 콘티는 첫 화면, 첫 조작, 결과 변화, 복구 문장으로 나뉩니다. 이어서 투표자 캐릭터가 모바일 화면에서 첫 조작 버튼을 바로 찾고, 전술 보드의 선수 카드가 움직이며 결과 변화가 짧게 표시됩니다. 마지막에는 새 창과 모바일 폭에서 공개 흐름을 다시 확인하는 장면으로 이어집니다.
제출 직전에 보면 좋은 체크포인트
체크리스트의 목적은 제출 직전의 과장, 누락, 근거 부족을 줄이는 데 있습니다. 기준일은 앞서 적은 것처럼 2026년 8월 3일 KST입니다.
- 작성 기준일 공식 수치를 본문 첫 화면에 표시했는지
- 첫 조작 버튼이 첫 화면에서 바로 보이는지
- 핵심 조작과 결과 변화가 실제 웹 링크에서 이어지는지
- 빈 데이터와 로딩 지연 복구 문장이 들어가 있는지
공식 기준으로 다시 확인할 곳
공식 확인은 월간 해커톤: 내가 축구 감독이라면 - 월드컵 전술 웹서비스 챌린지 공식 대회 페이지, 월간 해커톤: 내가 축구 감독이라면 - 월드컵 전술 웹서비스 챌린지 공식 게시판, DAKER 대회 디렉터리를 기준으로 합니다.
자주 묻는 지점
투표 전 가장 먼저 보여야 하는 것은 무엇일까
투표자가 링크를 연 뒤 바로 이해할 첫 장면과 첫 조작입니다.
claude-video 관점은 왜 장면을 나누는가
투표자는 긴 설명보다 눌러 보고 변화가 보이는 순서로 서비스를 이해하기 때문입니다.
복구 문장은 왜 필요한가
데이터가 비거나 늦을 때도 다음 행동을 알려줘야 투표자가 이탈하지 않기 때문입니다.
오늘 바로 확인할 것은 무엇일까
웹 링크를 새 창과 모바일 폭에서 열고 첫 조작이 가려지지 않는지 보면 됩니다.
마무리
결국 이 챌린지에서 중요한 것은 설명을 길게 붙이는 일이 아니라, 링크를 연 사람이 첫 화면에서 문제를 이해하고 한 번 조작해 본 뒤 결과 변화를 자연스럽게 보게 만드는 일입니다. 공식 페이지를 다시 열어 현재 기준을 확인하고, 제출 문서나 웹서비스에서 체크리스트 한 칸이라도 실제 문장이나 실행 로그로 바꿔 보면 좋습니다.
참고 자료
https://daker.ai/public/hackathons/world-cup-manager-tactics-web-challenge
https://daker.ai/public/hackathons/world-cup-manager-tactics-web-challenge?section=board
https://daker.ai/community?directory=competition
여러분은 투표자가 링크를 열었을 때 가장 먼저 보게 만들 장면을 어떻게 구성하고 계신가요?