Urban.Lab —
сайт коворкинга
UX/UI-дизайн сайта городского коворкинга Urban.Lab: пространства для работы, встреч и сообщества. Я собрала весь путь пользователя — от первого экрана и выбора зала до оплаты брони, — а рядом продумала раздел сообщества, который продаёт не столы, а атмосферу.
Пространство, а не просто столы
Urban.Lab — это концепция сайта для современного коворкинга, где человек не просто арендует место, а попадает в живую среду. В рамках проекта я разработала интерфейс ключевых страниц: главную, каталог залов с бронированием, раздел сообщества, экран оплаты и страницу 404. Всё это должно было держаться на одном узнаваемом характере.
Сложность коворкинга как продукта в том, что он продаёт сразу две вещи — удобство и принадлежность. Одному посетителю важно быстро найти свободный зал и оплатить час, другому — почувствовать, что здесь есть люди и события. Интерфейс нужно было выстроить так, чтобы оба сценария жили на одном сайте и не мешали друг другу.
Яркий характер без визуального шума
Главная задача — сделать сайт энергичным и запоминающимся, но при этом спокойным для восприятия. Коворкинги часто уходят либо в скучный корпоративный минимализм, либо в перегруженную пестроту. Мне хотелось найти середину: сочный акцентный цвет, который цепляет, и достаточно воздуха, чтобы глаз не уставал.
Отдельно я держала в голове читаемость для разных людей. Кислотный лайм я оставила только для крупных кнопок и плашек, а весь текст и служебные подписи вынесла на тёмных и нейтральных тонах с высоким контрастом — так интерфейс остаётся комфортным и для тех, кому важна чёткость.
Весь цикл на одном человеке
Это сольная работа, поэтому я вела проект от начала до финальных экранов: анализ аналогов, структура каталога, логика брони, экран оплаты и раздел сообщества. Собрала цвет, типографику и повторяющиеся элементы в единую систему, а карточки залов, кнопки и поля привела к общим правилам, чтобы страницы выглядели частью одного продукта.
От сценария брони к экранам
Отправной точкой стал главный сценарий — как человек доходит от интереса до оплаченной брони. Я расписала этот путь по шагам, собрала wireframe-макеты и только потом навела визуальный слой. Дальше выросли остальные страницы: сообщество с событиями и отзывами, экран оплаты с понятной сводкой и дружелюбная 404, которая возвращает пользователя обратно, а не оставляет в тупике.
Пять ключевых экранов
Нажмите на экран, чтобы рассмотреть его целиком.
Цвет, шрифт, компоненты
Open Space — Zone A
Один характер — от главной до оплаты
Сайт собрался в цельную систему: сочный акцент держит узнаваемость, а спокойный фон и контрастный текст не дают устать глазу. Путь к брони выстроен коротко — посетитель выбирает зал, видит понятную сводку и оплачивает, не гадая, какой шаг следующий. А раздел сообщества добавляет коворкингу то, ради чего в него и приходят, — ощущение живого места.