동네모임 Application
UI Design2026

동네모임

걸어서 갈 수 있는 거리 안에서, 오늘 갈 만한 모임을 찾아 주는 동네 기반 모임 서비스입니다.

Overview

동네모임. 걸어서 닿는 사이

2026 JAN – 2026 AUG

동네 모임 앱이 실패하는 이유는 대개 너무 멀어서입니다. 동네모임은 기본 반경을 도보 15분으로 잡고 그 범위를 넘는 모임은 접어 둡니다. 정원과 남은 자리를 목록에서 먼저 보여 줘 "가도 되나" 를 고민하지 않게 했습니다.

Home

홈 화면에서는 오늘 갈 수 있는 모임과 남은 자리를 한 번에 만날 수 있습니다.

인사로 시작합니다 동 이름과 함께 오늘 갈 수 있는 모임 수를 먼저 알려 줍니다.
반경을 캡슐로 도보 15분이라는 기준을 검색칸 자리에 항상 띄워 둡니다.
정원을 목록에서 먼저 눌러 보고 자리가 없어 실망하는 것이 가장 흔한 이탈 지점입니다.
17:54LTE 73%
망원동

이웃님!
오늘의 모임을
찾으셨나요?

도보 15분 안에서 찾기

오늘 갈 수 있는 모임

더보기 ›
파란 면은 한쪽만 굴립니다 머리 블록의 오른쪽 아래 모서리만 44px로 열어 두어 아래 목록으로 시선을 흘립니다.
분류는 캡슐로 전체 · 운동 · 공부 · 취미 · 밥. 고른 것만 파랗게 채웁니다.
탭은 선 아이콘 넷 같은 틀 · 같은 굵기(1.6px) · 얕은 곡선으로 한 벌처럼 보이게 그렸습니다.

Design System

색은 파랑 하나로 끌고 갑니다. 나머지는 전부 무채색이고, 강조가 필요한 자리에만 그라데이션을 씁니다.

Main Color

#4068FF ~ #A9BCFF

Text Sub Color

#D9D9D9 ~ #FFFFFF

Text Sub Color

#474747 ~ #000000

Noto Sans KR

이웃님! 오늘의 모임을 찾으셨나요?

03 Light04 Regular05 Medium07 Bold09 Black

Icon

아이콘은 선을 중심으로 그렸습니다. 아이콘마다 74px 틀을 맞춰 크기가 조금 벗어나도 같은 무리로 읽히게 했고, 반복되는 얕은 곡선으로 아이덴티티를 맞췄습니다.

Screens

아래는 그림이 아니라 위에서 눌러 보신 것과 같은 화면입니다. 같은 코드가 그린 화면을 상태만 바꿔 가며 그대로 옮겼습니다.