Skip to content
Role
기획 · 디자인 · 개발
Team
Quotely
Period
2026.08 – 진행 중
Tools
Next.js, TypeScript, Tailwind CSS, Cloudflare Workers, D1, R2

흩어진 졸업전시를 하나의 인덱스로

FLATTEN

요약

“Projects, flattened.” 학교 홈페이지, 일회성 전시 사이트, 인스타그램, PDF에 흩어진 졸업전시를 하나의 장으로 모읍니다.

52,214개
대학 학과 원천 데이터

대학알리미 공공데이터

786곳
추려낸 디자인 학과

217개 기관

0원
추가 인프라 비용 목표

설계 원칙

기획 · 브랜딩 · UX/UI · 프론트엔드 · 백엔드 · 데이터 모델

첫 화면 – 흩어진 프로젝트의 레이어를 하나의 장으로
1 / 3
첫 화면 – 흩어진 프로젝트의 레이어를 하나의 장으로

개요

대학 프로젝트의 기록은 학교 사이트, 한 해만 열리는 전시 사이트, 인스타그램, 비핸스, PDF로 흩어지고, 그 과정에서 누가 · 무엇을 · 어느 과정에서 · 어디서 · 언제 했는지의 관계가 사라집니다. 첫 대상은 졸업전시입니다. 공개되어 있고, 해마다 반복되고, 날짜와 장소가 정해져 있고, 학생들이 알리고 싶어 하기 때문입니다.

핵심 결정

  1. 01해마다 이어지는 과정과 한 해의 전시를 나눈다

    연도를 잇는 것이 흩어진 기록들보다 나은 유일한 구조적 이점입니다.

    학과의 졸업전시(program)와 그해의 전시(edition)를 분리해, 학교 페이지가 해마다 쌓이게 했습니다. 여러 전공의 연합 전시는 다대다로 연결합니다.

  2. 02포스터는 기본으로 띄우지 않는다

    포스터는 그 자체로 누군가의 작업입니다.

    권리가 확인되지 않은 포스터는 렌더링을 막고, 타이포그래피만으로 된 중립 메타데이터 카드를 보여줍니다.

  3. 03성공 기준을 만들기 전에 정한다

    결과를 본 뒤에 지표를 다시 해석하지 않기 위해서입니다.

    한 세션에서 서로 다른 학교를 2곳 이상 보는 비율을 핵심 지표로 먼저 정의했습니다. 같은 학교의 학과 이동은 세지 않습니다.

  4. 04진짜 첫 제품은 운영 도구다

    전시 하나를 확인해 올리는 데 드는 사람의 시간이 서비스의 한계를 정합니다.

    후보 대기열에서 날짜 · 장소 · 취소 여부를 사람이 확인해야만 게시되도록 관리자 도구를 먼저 만들었습니다.

  5. 05추가 비용 0원으로 설계한다

    검증 전의 제품이 비용 때문에 닫히면 안 됩니다.

    이벤트는 모아서 보내고, 매일 밤 집계해 대시보드가 원본을 훑지 않게 했습니다. 유료 제품은 쓰지 않습니다.

  6. 06줌할 수 있는 포스터 벽

    수백 개의 전시를 한 번에 훑어보되 느려서는 안 됩니다.

    최대 900개 타일만 그리고, 멀어질수록 디테일을 줄여 가까이 볼 때만 이미지를 불러옵니다.

데이터

  • 원천 – 대학알리미의 2023년 학과 목록(공공데이터포털) 52,214행.
  • 디자인 학과 마스터 – 217개 기관의 786개 학과. 1차 대상 90개 학과를 우선순위로 나눴습니다.
  • 구조 – 테이블 20개. 사람, 프로젝트, 과정, 기관, 연도를 잇는 방향으로 설계했습니다.

다음 단계

졸업전시에서 시작해 작업, 사람, 캡스톤, 협업으로 넓혀 가는 로드맵을 두고, 첫 시즌의 검증 결과로 계속 여부를 정합니다.