핵심 요약
대회 홈페이지는 행사의 인상을 전달하는 동시에 참가자가 준비에 필요한 정보를 찾도록 안내해야 합니다. 이번에 소개할 포트폴리오는 WONDERCHILD 창의발명대회 홈페이지입니다. 대회개요와 참가규정, 유의사항, 시상안내, 공지사항을 한 흐름 안에 구성한 사이트로, 다양한 안내를 어떤 순서와 시각적 기준으로 전달하는지 살펴보았습니다.
2025 MBN 창의발명대회 홈페이지
아이디어와 참여를 연결하는 대회 웹사이트

대회 홈페이지는 행사의 인상을 전달하는 동시에 참가자가 준비에 필요한 정보를 찾도록 안내해야 합니다. 이번에 소개할 포트폴리오는 WONDERCHILD 창의발명대회 홈페이지입니다. 대회개요와 참가규정, 유의사항, 시상안내, 공지사항을 한 흐름 안에 구성한 사이트로, 다양한 안내를 어떤 순서와 시각적 기준으로 전달하는지 살펴보았습니다.
대회의 이름과 일정을 먼저 보여주는 메인

첫 화면에는 WONDERCHILD 창의발명대회라는 이름과 주요 일정이 크게 배치되어 있습니다. 대회명 주변의 월계수 장식은 행사의 성격을 시각적으로 표현하고, 아래에는 접수기간과 본선 대상자 발표, 본선대회, 시상식 일정을 정리했습니다.
상단 메뉴에는 대회개요, 참가규정, 참가자 유의사항, 시상안내가 나란히 놓입니다. 알림마당과 참가확인은 버튼 형태로 구분해 이용 목적에 따라 이동할 수 있도록 했습니다.
화이트 바탕과 선명한 포인트 색상

사이트는 밝은 바탕과 어두운 상단 메뉴를 대비시키고, 오렌지색을 버튼과 안내 요소에 사용합니다. 메인 화면에서 대회명이 가장 먼저 읽히고, 일정과 이동 기능을 차례로 살펴볼 수 있는 구성입니다. 여러 종류의 정보가 한 페이지에 이어지는 만큼 제목과 본문, 버튼의 구분은 화면을 이해하는 중요한 기준이 됩니다.
특히 긴 안내 문장은 제목과 항목, 목록으로 나누어 전달합니다. 참가자에게 필요한 조건을 하나의 문단에 모두 담기보다 주제별로 정리하면 원하는 내용을 다시 찾아보기 쉽습니다.
대회개요에서 확인하는 참여의 방향

대회개요 영역은 공모 주제와 자격, 심사비, 제출 관련 안내를 소개합니다. 인공지능, 사물인터넷, 보안, 로봇, 모빌리티, 바이오 등 분야를 안내하고, 참가자가 자신의 아이디어와 대회의 방향을 연결해 볼 수 있도록 구성했습니다.
참가규정에서는 예선과 본선의 심사 내용을 구분합니다. 평가 항목과 배점, 제출자료와 발표 관련 안내를 함께 살펴볼 수 있는 구조입니다. 참가자가 아이디어를 구체화하기 전에 어떤 기준으로 평가되는지 확인할 수 있도록 정보를 정리한 점이 특징입니다.
준비 과정에서 필요한 유의사항

참가자 유의사항 영역은 출품 자격과 작품 관련 조건, 자료 작성 기준 등 준비 과정에서 확인할 내용을 담고 있습니다. 같은 사이트 안에서 개요와 규정, 유의사항을 이어서 읽을 수 있어 필요한 정보를 모아 살펴보기 좋습니다. 상단 메뉴를 통해 각 영역으로 이동하는 구성은 긴 페이지의 탐색을 돕습니다.
화면 오른쪽에는 자료다운, 참가신청, 전화 문의, 카톡 문의 기능을 안내하는 원형 버튼이 배치되어 있습니다. 각 기능을 아이콘과 짧은 문구로 표현해 방문자가 다음 행동을 선택할 수 있도록 했습니다. 안내를 읽다가 자료를 확인하거나 문의로 이동하는 연결이 마련되어 있습니다.
시상안내와 공지사항의 역할

시상안내는 참가자의 학교·학년 구분에 따라 수상 내용을 나누어 보여줍니다. 반복되는 형식으로 각 항목을 정리하면 서로 다른 대상의 정보를 비교하기 쉽습니다. 대회 정보를 읽는 과정에서 자신에게 해당하는 내용을 찾아볼 수 있도록 구성을 맞춘 모습입니다.
알림마당에는 수상자 발표와 본선 안내 같은 공지사항이 게시되어 있습니다. 대회 소개와 운영 소식을 연결하는 영역으로, 참가자는 공지를 통해 이후의 진행 내용을 확인할 수 있습니다.
모바일에서도 이어지는 정보 탐색

모바일 화면에서는 메뉴와 본문을 작은 화면에서 읽을 수 있는 형태로 정리합니다. 대회명과 일정, 주요 안내가 세로 흐름으로 이어지며 PC의 포인트 색상도 유지합니다. 이용 기기가 달라져도 같은 대회 정보를 확인할 수 있다는 점은 참가자와 보호자가 함께 이용하는 사이트에서 중요한 요소입니다.
WONDERCHILD 창의발명대회 홈페이지는 대회 소개부터 규정 확인, 공지 탐색까지 필요한 정보를 연결합니다. 이 포트폴리오는 행사 홈페이지가 시각적인 인상을 만드는 동시에 방문자의 준비 과정과 다음 행동을 안내하는 방식을 보여줍니다.
홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →
출처·근거
- 원문: 네이버 블로그 — 잡오브브라더스 (2026-10)










