안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
지도 기반 공유공간 안내 서비스 - 손그림 SVG 지도, 분류와 운영시간 필터, 지도와 목록 연동
개발 · 디자인 · 기획
웹
기타(IT 서비스 구축), 홈페이지ㆍ게시판
프로젝트 배경
지자체 지도 기반 공유공간 안내 서비스 구축 경험을 바탕으로 만든 데모입니다. 주민이 동네 회의실, 공방, 작은도서관 같은 공간을 지도에서 찾고 운영시간과 이용 방법을 확인할 수 있습니다. 지역명과 공간 정보는 모두 가상입니다. 1. 문제점 - 공간 정보가 기관별 게시판에 흩어져 있어 찾기 어려움 - 지금 이용할 수 있는 공간인지 알기 어려움 2. 프로젝트 목표 - 지도와 목록을 함께 보는 탐
프로젝트 성과
지도와 목록 연동
지도의 핀과 목록 카드가 서로 연동되어 마우스를 올리면 함께 강조되고, 누르면 상세 정보가 열립니다.
지금 이용 가능 필터
현재 시각과 운영시간, 휴무일을 비교해 지금 문을 연 공간만 모아 볼 수 있습니다.
색각 이상자를 고려한 분류 색
분류 색을 검증 도구로 확인해 고르고, 아이콘과 이름을 함께 표시해 색만으로 구분하지 않게 했습니다.
핵심 기능
검색
공간 이름이나 동 이름으로 찾을 수 있습니다.
진행 단계
기획
2026.09.
주민 입장에서 필요한 검색 조건과 공간 정보 항목을 정리했습니다.
프로젝트 상세
1) 포트폴리오 소개 지도에서 동네 공유공간을 찾는 안내 서비스 데모입니다. 2) 작업 범위 - 기획, 디자인, 프론트엔드 개발 (1인) - 반응형 웹, SVG 지도 제작 3) 주요 업무 - 지도와 목록 연동 - 검색, 분류, 지금 이용 가능 필터 - 공간 상세 정보 4) 주요 수치 - 가상 동 8곳, 공유공간 20곳 - 분류 5개 - 분류 색 5개 색각 이상 검증 통과

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

go******
개발 · 개인사업자

프로젝트 정보

참여 기간
2026.09. ~ 2026.09.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
개인 제작 데모
역할
기획, 디자인, 개발 (1인)
관련 기술
svg
React
TypeScript