본문 바로가기
목록으로
목록으로

경기도교육청 에듀플랜 설계공모 심사시스템

MOBILE & WEB DESIGN

경기도교육청 에듀플랜
설계공모 심사시스템 구축

프로젝트 요약 학교 건축 설계공모 플랫폼 신규 UI/UX 디자인 및 반응형 웹 퍼블리싱
작업 기간 2023.10.01 ~ 2024.02.28 (약 5개월)
담당 범위
디자인
100%
퍼블리싱
70%
작업 환경 Photoshop, Illustrator, HTML5, CSS3, JS, jQuery
적용 표준 웹 표준 준수 및 모바일 반응형 웹 최적화
사이트 링크 홈페이지 방문 🔗
경기도교육청 에듀플랜 PC 메인
경기도교육청 에듀플랜 모바일 메인
PROJECT CONCEPT

프로젝트 기획 의도 및 목표

학교 건축 설계공모의 모든 것을 담은
투명하고 스마트한 에듀플랜 플랫폼.

경기도교육청의 미래지향적 학교 건축을 위한 설계공모 전 과정을 온라인으로 완전히 전환하고 디지털화하여, 건축사들의 직관적인 공모 참여와 심사위원의 공정한 평가 환경을 제공하는 신규 통합 플랫폼입니다.

기존에 산발적으로 이루어지던 공모 안내와 서류 접수를 일원화하고, 과거의 우수한 당선작들을 하나의 디지털 아카이브로 집대성하여 설계 데이터의 활용도를 극대화하는 데 중점을 두었습니다.

CORE REQUIREMENT

핵심 구축 방향

직관적인 공모 탐색과
방대한 당선작 데이터의 체계적 시각화.

기획 방향일정 관리 최적화
구현 목표D-day 대시보드
01. TIMELINE DASHBOARD

참가 등록 및 작품 제출 마감일을 D-day 형태로 메인 화면에 즉각 노출하여 참가자의 일정 관리를 돕습니다.

기획 방향데이터 가치 창출
구현 목표시각적 갤러리 아카이브
02. VISUAL ARCHIVING

과거의 학교 건축 당선작들을 고해상도 3D 조감도 중심의 트렌디한 카드 그리드로 구성하여 갤러리처럼 감상할 수 있습니다.

기획 방향결과 투명성 확보
구현 목표상세 데이터 구조화
03. TRANSPARENT EVALUATION

개별 공모의 상세 페이지 내에 메타정보, 심사평, 건축 도면, 입상작 내역을 원스톱으로 조회하도록 정보를 구조화했습니다.

DESIGN STRATEGY

어떤 기준으로 설계했는가

건축의 아름다움을 돋보이게 하는
정제되고 모던한 톤 앤 매너.

교육기관의 신뢰성을 담은 네이비 톤을 베이스로, 화려한 건축 조감도와 디테일한 설계 도면들이 시각적인 주인공이 될 수 있도록 장식적 요소를 배제했습니다. 무채색 계열의 UI와 넉넉한 여백을 활용한 클린 레이아웃으로, 사용자가 콘텐츠에 온전히 몰입할 수 있는 갤러리형 디자인 전략을 수립했습니다.

WEB DESIGN : HOME

D-day 마감 일정과 조감도를 강조한 직관적 대시보드 UI

참가등록 및 공모안 제출 일정을 D-day 뱃지로 강조하여 탐색 편의성을 높였습니다. 우측의 3D 조감도 그리드 배치와 하단의 라이브 심사중계 배너를 통해 활동적이고 신뢰감 있는 공공 심사 플랫폼을 구현했습니다.

경기도교육청 에듀플랜 메인 대시보드 UI
WEB DESIGN : ARCHIVING

당선작 3D 조감도 중심의 시각적 카드형 갤러리

역대 학교 건축 당선작을 갤러리 형태로 감상할 수 있는 아카이빙 레이아웃입니다. 고해상도 조감도 카드에 핵심 정보를 감각적으로 배치하고, 상단 검색바와 필터로 프로젝트 탐색을 최적화했습니다.

경기도교육청 에듀플랜 아카이빙 갤러리 UI
WEB DESIGN : DETAIL PAGE

공모 개요부터 도면까지 원스톱 데이터 시각화

공모의 종합 결과를 한눈에 확인하는 상세 페이지입니다. 메타정보, 심사평, 입상 결과 표, 당선작 도면 갤러리를 세로 스크롤 흐름으로 매끄럽게 분할하여 방대한 데이터를 깔끔하게 정돈했습니다.

경기도교육청 에듀플랜 상세 아카이빙 UI
MOBILE DESIGN

디바이스 환경을 고려한 정교한 반응형 UI/UX

다양한 모바일 해상도에서도 쾌적하게 이용할 수 있도록 레이아웃을 고도화했습니다. 복잡한 일정 대시보드와 조감도, 방대한 상세 도면 데이터까지 1열 구조로 자연스럽게 재배치하여 모바일 탐색 편의성을 극대화했습니다.

모바일 메인 화면
모바일 아카이빙 화면
모바일 상세 뷰어 화면

에듀플랜 디자인 시안 제안

최종 채택안 외에 플랫폼의 브랜드 방향성과 탐색 경험을 다양한 관점에서 검토하기 위해 기획·제작되었던 초기 디자인 컨셉 시안입니다.

CONCEPT A

매거진 스타일의 비주얼 대시보드 시안

신규 공모 건수와 최신 소식을 최상단에 타이포그래피 중심으로 강조하고, D-day 기반의 진행 공모 리스트와 롤링 슬라이드를 조화롭게 배치하여 매거진 형태의 세련된 비주얼을 연출했습니다.

경기도교육청 에듀플랜 디자인 시안 A
CONCEPT B

태그 검색 기반의 카드형 탐색 UI 시안

상단에 거대한 해시태그 검색바를 배치하고, 공고 유형별 탭과 깔끔한 카드 그리드를 구조화하여 사용자가 원하는 관심 분야의 공모 정보를 빠르고 직관적으로 탐색할 수 있도록 접근성을 극대화했습니다.

경기도교육청 에듀플랜 디자인 시안 B