노동선교 60년을 담는 비영리단체 홈페이지 제작 — 인천산선 사례

과제

인천도시산업선교회(인천산선)는 1961년부터 인천 지역 노동자와 함께해온 노동선교 단체입니다. 60여 년간 쌓인 활동 기록과 사진 자료는 많았지만, 이를 정리해서 보여줄 온라인 공간이 없었습니다. 홈페이지를 새로 만들더라도 활동가가 소식 하나 올리려고 매번 외주 개발자를 불러야 하는 구조는 피하고 싶다는 요구가 분명했습니다.

만든 것

기존 대시보드형 플랫폼을 기반으로, 인천산선의 정체성에 맞춰 다음을 새로 만들었습니다.

소개 페이지는 다큐멘터리 사진집처럼 좌우로 넘기는 슬라이드 덱으로 재구성했습니다. 인사말·연혁·조직·정관 등 10개 섹션을 한 화면씩 넘겨보게 하고, 세리프 타이포그래피로 기록물 특유의 무게감을 살렸습니다.

60년 역사 사진들을 카테고리별로 모아보는 사진관 페이지를 만들어, 모던한 매이슨리 콜라주와 라이트박스로 아카이브 사진을 감상하듯 넘겨볼 수 있게 했습니다.

'노동역사문학기행' 같은 개별 공모사업을 위해 코스별 카드·사진 갤러리·영상 릴을 갖춘 별도 캠페인 페이지(시민X)도 기존 코드를 재사용해 빠르게 추가했습니다.

가장 중요한 건 관리자 페이지 없이, 활동가가 실제 화면에서 바로 소식·사진·사업 카드를 올리고 고치는 라이브 편집입니다. 개발자를 다시 부르지 않아도 됩니다.

자료가 쌓일수록 진가를 발휘하는 AI 아카이브도 넣었습니다. 스캔된 옛 회의록·소식지를 업로드만 하면 Vertex AI(Gemini)가 제목·날짜·주제를 자동 분류하고, '독재 저항'처럼 뜻으로 검색해도 관련 자료를 찾아줍니다.

결과

Firebase(Hosting·Firestore·Functions·Storage) 백엔드를 포함한 전체 인프라와 도메인이 인천산선 명의로 남아, 외부 업체에 종속되지 않고 직접 소유·운영합니다. 방문객 댓글·공감·조회수까지 실제로 작동하는 상태로 라이브 서비스 중입니다.