2026 K-AWARDS 학생부 작품 공모전 랜딩페이지 구축
Design Concept
디지털 감성과 공모 정보를 하나의 경험으로
학생 대상 공모전이라는 특성을 살려 미래지향적이고 역동적인 시각 경험을 중심으로 디자인했습니다.
딥 네이비와 퍼플을 기반으로 네온 블루와 그라데이션 포인트를 활용해 디지털·AI·창의성의 이미지를 표현하고, 추상적인 웨이브와 3D 그래픽을 통해 행사 전체에 일관된 에너지를 부여했습니다.
공모 분야, 시상 내역, 심사 절차 등 정보량이 많은 콘텐츠는 표와 카드, 단계형 UI로 구분해 사용자가 필요한 내용을 빠르게 확인하고 참가신청까지 자연스럽게 이어지도록 구성했습니다.
Design Elements
-
01
FUTURE
AI, 디지털, 창의성을 연상시키는 웨이브 그래픽과 네온 컬러를 활용해 공모전의 젊고 미래지향적인 이미지를 표현했습니다.
메인부터 하단까지 동일한 그래픽 언어를 반복해 행사 아이덴티티를 일관되게 유지했습니다. -
02
INFORMATION
공모 분야, 작품 규격, 시상 내역, 심사 기준 등 많은 정보를 한 번에 나열하지 않고 카드와 표, 단계별 콘텐츠로 분리했습니다.
사용자가 필요한 정보를 빠르게 확인할 수 있도록 시각적 위계와 정보 구조를 명확하게 설계했습니다. -
03
PARTICIPATION
공모전의 목적과 혜택을 충분히 전달한 뒤 온라인 참가신청 영역으로 연결해 참여 행동이 자연스럽게 이어지도록 구성했습니다.
접수 절차와 현재 단계를 시각적으로 보여주어 신청 과정에 대한 부담을 줄이고 전환을 높이는 UX를 적용했습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#8A4DFF
- Deep Purple#1A0F3A
- Midnight Blue#0B1C3B
- Neon Violet#8A4DFF
- Electric Blue#3478FF
- Soft Lavender#D7C8FF
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Aa 가나다 Paperlogy
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PC공모 개요, 분야, 시상, 심사, 접수 등 전체 정보를 구조적으로 탐색
MO참가신청과 주요 공모 정보 중심으로 메뉴를 간결하게 구성
-
Layout
PC공모 분야와 시상표, 심사 절차를 넓은 화면에 단계적으로 배치
MO카드와 단계형 콘텐츠를 세로 흐름으로 재구성해 빠른 정보 탐색 지원
-
Typography
PC대형 영문 타이틀과 강한 대비로 행사 아이덴티티 강조
MO작은 화면에서도 공모 일정과 시상 정보를 빠르게 읽을 수 있도록 크기와 행간 최적화
-
Image
PC대형 3D 그래픽과 웨이브 비주얼을 활용해 디지털 감성을 강조
MO핵심 그래픽만 유지하고 노출 영역을 정리해 정보 집중도 확보
