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

건축설계공모심사시스템

개인 프로젝트 / MOBILE & WEB DESIGN

UI/UX 디자이너 이지수

건축설계공모심사시스템
통합 UI/UX 구축

프로젝트 자체 기획 UI/UX 디자인 및 반응형 퍼블리싱
작업 기간 2026.05.01 ~ 2026.05.30 (1개월)
담당 범위
기획
100%
디자인
100%
퍼블리싱
100%
적용 표준 웹 콘텐츠 접근성 지침(KWAAG) 준수 & 반응형 웹
건축설계공모심사 PC 메인
건축설계공모심사 모바일 메인
PROJECT CONCEPT

기획 의도 및 목표

복잡한 건축 공모 프로세스를
디지털 기반의 투명한 플랫폼으로.

이 프로젝트는 건축설계 공모 및 심사 과정을 온라인으로 통합하여 투명하고 공정한 평가 환경을 구축하고, 방대한 도면 데이터를 누구나 쉽게 탐색할 수 있는 직관적인 플랫폼을 제안하기 위해 기획된 자체 디자인 프로젝트입니다.

CORE REQUIREMENT

핵심 기획 방향

방대한 건축 데이터의 시각적 정돈과
직관적인 온라인 정보 탐색의 결합.

기획 의도일정 직관화
구현 방향D-day 대시보드
01. TIMELINE DASHBOARD

공고의 접수 상태와 마감일까지의 D-day를 메인 전면에 직관적으로 배치하여 참가자들의 일정 관리를 돕습니다.

기획 의도아카이빙 시각화
구현 방향트렌디한 그리드
02. VISUAL ARCHIVING

과거 공모작들을 고해상도 조감도 위주의 트렌디한 카드 그리드로 구성하고, 찜하기 기능을 도입하여 개인화된 탐색을 지원합니다.

기획 의도결과 투명성 확보
구현 방향데이터 구조화 뷰어
03. TRANSPARENT EVALUATION

상세 페이지에 탭(Tab) UI를 적용하여 심사평, 도면, 입상작 내역 등 방대한 평가 데이터를 깔끔하게 구조화하여 공개합니다.

DESIGN STRATEGY

어떤 기준으로 설계했는가

도면과 조감도를 돋보이게 하는
정제되고 모던한 다크 톤 앤 매너.

건축설계의 전문성과 신뢰성을 강조하기 위해 무채색 중심의 모던한 컬러 팔레트를 채택했습니다. 텍스트와 UI 요소의 채도를 낮추어 화려한 건축 조감도와 디테일한 도면 자체가 시각적 주인공이 될 수 있도록 갤러리 형태의 디자인 전략을 수립했습니다.

TRUST전문성과 신뢰
GALLERY콘텐츠 집중
PROCESS편리한 심사 흐름
ARCHITECTURE통합 공모 플랫폼
WEB DESIGN : HOME

동적 비주얼 슬라이드와 D-day 중심 메인 대시보드

풀사이즈 당선작 조감도 슬라이드로 전문성을 강조하고, 메인 화면 중앙에 공고 접수 상태와 D-day 잔여일을 직관적으로 배치하여 건축사 및 출품자의 UX 탐색 편의성을 극대화했습니다.

건축설계공모심사시스템 메인 비주얼 및 D-day 공고 UI
WEB DESIGN : ARCHIVING

트렌디한 카드 레이아웃과 '찜하기' 개인화 기능 탑재

갤러리형 아카이빙 레이아웃으로 썸네일 중심의 트렌디한 그리드를 정돈했습니다. 고해상도 조감도 위로 '찜하기' 인터랙션 버튼을 제공하여 개인 맞춤형 공모 리스트 수집 기능을 지원합니다.

건축설계공모 아카이빙 목록 및 찜하기 카드 UI
MOBILE DESIGN

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

복잡한 건축 정보와 당선작 갤러리를 모바일 세로 화면에 최적화된 1열 카드로 재배치했습니다. 터치 친화적인 UI 버튼과 높은 가독성의 타이포그래피를 적용하여 끊김 없는 탐색 경험을 선사합니다.

모바일 메인 화면
모바일 아카이빙 서브 화면

투명한 평가 결과와 스마트 행정 시스템 UI

방대한 공모 데이터를 직관적으로 시각화하고, 심사위원의 행정 편의를 극대화하도록 설계된 상세 뷰어 및 내부 시스템입니다.

건축설계공모 상세 아카이빙 및 당선작 도면·심사평 UI
DETAIL PAGE

원스톱 데이터 시각화 아카이빙

메타정보 패널과 메인 조감도를 조화롭게 배치했습니다. 탭 메뉴를 활용해 심사평, 당선작 도면, 입상작 갤러리 등 방대한 데이터를 깔끔하게 시각화하여 정보 접근성을 높였습니다.

심사위원 신청현황 단계별 등록 시스템 화면
EVALUATION SYSTEM

단계별 심사위원 신청 시스템

단계별 탭 스텝을 배치하여 방대한 신청서 작성 과정을 직관적으로 안내합니다. '임시저장'과 본인인증 기능을 통해 사용자의 데이터 손실을 방지하고 행정 편의성을 향상시켰습니다.