← Все проектыB2C / UX/UI / Мобильное приложение
MLCity

Город полон событий. Найти свое очень легко.

Свободный вечер начинается с вопроса: куда пойти? Я спроектировала дизайн мобильного приложения, которое помогает найти события и места по интересам, времени и расположению, и дает организаторам пространство для публикации мероприятий.

Подборка мобильных экранов приложения ML City
ЗадачаЛистай дальше ↓
01 / Задача

Помочьгородустатьближе.

Когда мероприятий много, выбор не становится проще: нужно сопоставить интересы, дату, стоимость и расположение. Я спроектировала мобильное приложение, в котором поиск начинается с понятных ориентиров и продолжается до подробной карточки события.

В проекте учтены две стороны: посетители ищут, сохраняют и сравнивают варианты, а организаторы создают и оформляют мероприятия.

02 / UX-основа

Я изучила аудитории и сравнила сервисы поиска мероприятий. В анализе выделились две крайности: избыток информации и недостаточная фильтрация. Для местных жителей важны интересные события рядом, для путешественников - возможность сориентироваться в незнакомом городе, для организаторов - заметность своих мероприятий.

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

03 / Поиск и выбор

Лента помогает начать выбор с того, что актуально сейчас: популярные события, сегодня, завтра и на выходных. Категории, дата и быстрые фильтры остаются рядом, чтобы сузить подборку без сложной формы.

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

Мокап карты событий ML City
КартаЛистай дальше ↓
04 / Карта

Найтиинтересноетам,гдеты находишься.

География является частью решения: событие может подходить по теме и времени, но оказаться слишком далеко. Я предусмотрела карту с группировкой точек и сохранила рядом фильтры и выбор дат. Так пользователь может искать не только по списку, но и исследовать конкретный район.

Лента и карта остаются соседними разделами навигации: можно перейти от общего обзора к местоположению и обратно, не теряя представления о структуре приложения.

05 / Карточка события

Интерес к событию начинается с фотографии, но решение требует подробностей. Я выстроила карточку от главного к практическому: название и дата, затем расписание, место на карте, стоимость и действие.

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

01

Сначала главное

Название, фотография и дата помогают быстро понять, подходит ли событие, прежде чем углубляться в детали.

02

Детали в нужный момент

Расписание и адреса собраны в раскрывающиеся блоки: разные сеансы остаются доступными, но не перегружают первый экран.

03

Вернуться к выбору

Избранное и возможность поделиться размещены рядом с событием: интересный вариант можно сохранить или обсудить с друзьями.

06 / Избранное и профиль

События и места пользователь выбирает не всегда сразу: к находкам важно вернуться позже. Я разделила избранное на подборки и сохранила знакомый формат карточек, так сохраненное становится продолжением поиска. Профиль собирает личные настройки и действия в одном месте.

07 / Визуальный язык

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

Галерея01 / 02
08 / Для организаторов

Для организатора задача начинается задолго до публикации: нужно выбрать тип события, подготовить описание, указать место, расписание и условия. Я разделила создание на последовательные шаги, чтобы в каждый момент на экране оставались только решения, относящиеся к текущему этапу.

Выбранная категория становится ориентиром для будущей карточки и отображения на карте. Сценарий связывает потребности организатора с тем, как посетитель затем увидит и найдет событие.

09 / Результат проектирования

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

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

Готовы начать?

Можно просто написать

Даже если пока нет четкого ТЗ. Разберемся вместе, что лучше сделать, как упростить и где усилить. Без лишнего и по делу

Портрет

Я не начинаю с визуала. Сначала разбираюсь, как человек будет пользоваться продуктом, где он может запутаться и что можно упростить