UI 전면 개편 파일럿

Flutter 소셜 데이팅 앱 · UI 전면 개편 파일럿

새로운 디자인으로
더 많은 인연을

기존 Flutter 소셜 데이팅 앱의 UI를 전면 리뉴얼. 최신 디자인 트렌드를 적용한 직관적이고 세련된 UX로 사용자 경험을 한 단계 높입니다.

📱 APK 다운로드 기능 살펴보기
채팅
🐱
지수 · 24
오늘 뭐 해요?? 😊
방금
2
🌸
민아 · 26
주말에 시간 있으세요?
1시간
🦋
예린 · 25
맞아요 저도 커피 좋아해요!
어제
🌿
나연 · 23
사진 너무 예쁘네요!
어제
🏠홈
👥커뮤니티
📖일기
💬채팅
👤나
💗 HeartMeet ⚙️
👩
📍 2.3km
김지수, 24
🎨 그래픽 디자이너 · 서울 강남
↩
✕
⭐
⚡
🏠홈
👥커뮤니티
📖일기
💬채팅
👤나
👩‍💼
이수연, 27
📍 서울 마포구
48
보낸 좋아요
32
받은 좋아요
12
매칭
내 일기
🌙
☕
🏠홈
👥커뮤니티
📖일기
💬채팅
👤나

핵심 기능

소셜 데이팅 앱의
모든 화면을 새롭게

일기, 커뮤니티, 매칭, 채팅, 마이페이지까지 앱 전반의 UI를 최신 디자인 언어로 완성했습니다.

💝

스와이프 매칭

Tinder 스타일의 카드 스와이프 UI. 좌우 스와이프, 슈퍼라이크, 매칭 팝업 애니메이션까지 완성.

📖

일기 공유

일상을 기록하고 공유하는 일기 기능. 그리드 레이아웃, 작성/상세 화면을 새 디자인으로 완성.

👥

커뮤니티

카테고리별 게시판 UI. 탭 전환, 게시글 카드, 좋아요/댓글 인터랙션 구현.

💬

실시간 채팅

매칭된 사용자와의 채팅 UI. 말풍선, 읽음 표시, 미디어 전송 버튼까지 세련되게 완성.

개편 포인트

리뉴얼 전후 비교

기존 디자인의 문제점을 분석하고, 최신 UX 트렌드를 반영한 새로운 UI를 제시합니다.

기존 디자인
확인
  • ✗ 단조로운 컬러 스킴
  • ✗ 낮은 가독성과 대비
  • ✗ 구형 UI 컴포넌트
  • ✗ 일관성 없는 아이콘
개편 디자인
💗 시작하기
  • ✓ 핑크/보라 그라데이션 아이덴티티
  • ✓ 다크 모드 최적화 고대비
  • ✓ 둥근 모서리 + 글래스모피즘
  • ✓ 일관된 디자인 시스템

화면 미리보기

앱의 모든 화면

스플래시부터 마이페이지까지, 일관된 디자인 언어로 완성한 전체 화면 구성입니다.

💗HeartMeet⚙
👩
지수, 24
🎨 디자이너 · 강남
2.3km
↩ ✕ ⭐ ♥ ⚡
매칭 홈
일기✍
🌙
오늘의 감정
☕
카페에서
🌸
봄날
🎵
음악과 함께
일기
커뮤니티
전체 인기 팔로잉
😊
지수 · 5분 전
오늘 카페 갔다왔어요 ☕
날씨가 너무 좋아서 혼자 카페에...
♥ 24 💬 8
🌸
민아 · 1시간 전
주말에 뭐 하세요? 🌈
같이 나들이 갈 분 찾아요...
커뮤니티
👩
지수
● 온라인
안녕하세요! 😊
안녕하세요! 반가워요 ☺️
오늘 날씨 너무 좋지 않나요?
맞아요! 산책하기 딱 좋은 날씨 🌸
메시지 입력...
➤
채팅방
👩‍🎨
이지은, 25
🎨 UI 디자이너 · 홍대
관심사
☕ 카페 🎨 디자인 🎵 음악
💬 메시지
♥ 좋아요
프로필

직접 체험해보세요

APK로 직접 확인하세요

Android 기기에 APK를 설치하면 실제 Flutter 앱으로 UI 전면 개편 결과를 직접 체험할 수 있습니다.

Android APK 다운로드

Android 6.0 이상 · 출처를 알 수 없는 앱 설치 허용 필요

* 파일럿 시연용 APK입니다. 클라이언트 Figma 시안 수령 후 동일 구조에 최종 디자인을 적용합니다.

기술 스택

Flutter 기반
검증된 아키텍처

Flutter 3.x ⚡ Riverpod (상태관리) 🗺️ go_router (네비게이션) 🃏 flutter_card_swiper (매칭) 🖼️ cached_network_image 🔤 google_fonts (Nunito)

Figma 시안 수령 후 동일한 아키텍처에서 디자인 토큰(색상·폰트·간격)만 교체하면 최종 UI 반영 완료.