Refeel

Don’t just remember — Refeel.

Mobile App UI/UX Design Concept Project

О проекте

Refeel — это диджитал дневник впечатлений, где ты сохраняешь не только города, но и чувства, которые они тебе подарили.

Каждая поездка — это не только маршрут, но и внутренний опыт. Это не карта мест, а карта впечатлений и роста, инструмент для саморефлексии и вдохновения через путешествия.

Бриф

Создать UI/UX‑концепт приложения, которое превращает поездки в эстетичный цифровой дневник: эмоции, визуальные заметки и осмысленные выводы о себе — в одном месте.

Целевая аудитория

18–35 лет — люди, которым близки путешествия, эстетика и осознанность: дизайнеры, блогеры и студенты, которые хотят сохранять впечатления не просто как фото, а как личную историю с эмоциями и смыслом.

Моя роль в проекте

UI/UX дизайн и концепция продукта: целостный визуальный язык, сценарии взаимодействия, структура ключевых экранов, vibe‑coding — проектирование через ощущение, атмосферу и интуитивные решения.

Инструменты

Figma — флоу, вайрфреймы, дизайн‑система, интерактивный прототип.
ChatGPT — тексты интерфейса, пользовательские сценарии, быстрые итерации и vibe‑coding.
Sora — генерация визуальных ассетов для приложения.

Цветовая палитра

#EDDBB8
[ photo ]
#18354C
[ photo ]
#69A094
[ photo ]
#F3C35B
[ photo ]
#F6F1E7
[ photo ]

Типографика

Inter используется как единое шрифтовое семейство, что обеспечивает визуальную целостность интерфейса. Чёткая иерархия, комфортная читаемость и сбалансированные отступы делают типографику лёгкой и ненагруженной.

Display / Onboarding

Inter Bold 47 −2%

Inter Medium Italic 19 −2%

Заголовки

H1 — Inter Bold 30 −2%

H2 — Inter Bold 20 −2%

H3 — Inter Bold 16

Текст

Body — Inter Regular 12–13

Secondary — Inter Regular 12.2

Кнопки

Inter SemiBold 16

User Flow

Сценарий взаимодействия с приложением — от первого входа до работы с впечатлениями.

User Flow diagram

Ключевые экраны

Ниже представлены основные экраны приложения — от первого контакта до фиксации впечатлений. Интерфейс выстроен как спокойный сценарий путешествия: без спешки, с фокусом на эмоциях, памяти и личных состояниях пользователя.

Welcome screen
Приветственный экран
Мягкий вход в приложение. Создаёт ощущение свободы и предвкушения путешествия.
Registration Music service
Музыка путешествий
Подключение музыкального сервиса, чтобы сохранить саундтрек каждой поездки и возвращаться к воспоминаниям через звук.
Лента
Поиск людей по вайбу и совпадениям городов. Пространство вдохновения.
Создание поста
Эмоции, заметки, фото и плейлист формируют страницу впечатлений — быстро и красиво.
Feed Create post
Профиль
Личный портрет путешествий и изменений во времени: друзья, поездки, сохранённые посты и события.
Profile
Map Timeline
Карта путешествий
Визуальный след маршрутов и пережитых состояний.
Таймлайн
История поездок как путь личного роста.

Уведомления

Мягкие и редкие напоминания, которые возвращают к чувствам и значимым моментам путешествий.

Notifications

Результат

Интерактивный прототип на React, который можно открыть в браузере. Полностью адаптивный дизайн, готовый к развёртыванию как PWA.

Технологии

React 18, Tailwind CSS, Lucide Icons. Компонентный подход, переиспользуемые элементы, чистый код.

Что дальше

Интеграция с картами, AI-генерация коллажей, синхронизация с Spotify для автоматического добавления плейлистов.

[ Финальный шот — все экраны вместе ]