BACK

Type

기관/단체 · UX/UI · 홈페이지

Milestone

4 Weeks

Client

서울특별시 여성단체협의회 (SMCW)

Description

서울특별시 여성단체협의회는 다양한 여성단체의 연대와 활동을 지원하는 비영리 공공기관으로,
기존 아임웹 기반 홈페이지는 스팸 공지·낡은 구조·산만한 정보 배치로 인해 공공기관으로서의 신뢰와 가독성이 떨어지는 상황이었습니다.
레인템포랩은 아임웹을 유지하는 조건 안에서, 사이트맵 재정리와 게시판 정리, UX/UI 다듬기를 통해 보다 정보 중심·공공성 중심의 홈페이지로 리뉴얼하는 작업을 진행했습니다.

1. 사이트맵·정보 구조 재정리 — “찾기 쉬운 공공 정보”에 집중

프로젝트의 목표는 화려한 리뉴얼보다, “필요한 정보를 빠르게 찾을 수 있는 구조”를 만드는 것이었습니다.
온라인 미팅을 통해 협의회의 핵심 역할과 주요 사용자 유형을 정리한 뒤, 설립 목적, 인사말, 주요 사업, 공지사항, 자료실 등 6개 내외의 주요 섹션으로 사이트맵을 간결하게 재구성했습니다.
초기 시안처럼 풍성해 보이는 구성 대신, 공공기관에 필요한 정보 위계를 정리해 메인에서 한눈에 핵심 내용을 파악할 수 있도록 구성했습니다.

2. 아임웹에서 구현한 공공기관 톤 — 제한 속에서 만들어낸 관공서 무드

클라이언트는 기존 아임웹 계정을 유지하길 원하셨고, 관공서 특유의 신뢰감·단정함을 담고자 했습니다.
아임웹의 제한적인 템플릿 환경 속에서도, 로고 컬러를 중심으로 한 컬러 시스템, 최소한의 장식 요소, 명확한 타이포 위계를 활용해 공공기관다운 톤앤매너를 구현했습니다.
모바일 퍼스트 접근으로 카드형 레이아웃과 버튼 스타일을 정리하고, 각 섹션에 필요한 정보만 간결하게 배치해 심플하지만 신뢰 가는 인터페이스로 정돈했습니다.

3. 게시판 스팸 정리와 운영 가이드 — “정리된 뒤에도 계속 깔끔하게”

기존 공지사항 게시판은 권한 설정 문제로 도박·주식 광고 등 스팸 글이 쌓여 있는 상태였습니다.
레인템포랩은 게시판을 모두 정리하고, 권한 구조를 재설정해 외부 스팸 유입을 차단했으며, 운영진이 스스로 유지 관리할 수 있도록 글쓰기 가이드·게시판 운영 원칙을 함께 제안했습니다.
작업 결과는 아임웹 실 서비스뿐 아니라, 향후 독립형 사이트 구축을 위해 참고할 수 있도록 Figma 프로토타입으로도 정리해 드려, 다음 단계 리뉴얼까지 고려한 마무리를 했습니다.

Refined an existing I’mweb-based site into a cleaner, information-first public portal for SMCW.
Simplified the sitemap, applied a trustworthy civic visual language, and improved mobile UX.
Cleaned up spam-heavy boards, reset permissions, and delivered a Figma prototype for future expansion.

광공서홈페이지제작
아임웹 기관홈페이지
협회홈페이지UXUI