Дизайн и разработка сайта коворкинга Webnauts Space
Не так давно на базе офиса Webnauts открылось коворкинг-пространство Webnauts Space, где любой желающий может арендовать рабочее место, офис для небольшой команды, организовать встречу, мастер-класс и любое мероприятие. Для удобства клиентов мы решили создать сайт для коворкинга отдельно от основного проекта Webnauts.
О задаче
В разработке дизайна сайта коворкинг-центра требовалось придерживаться корпоративного стиля компании.
Несмотря на то, что у компании есть корпоративная стилистика, в каждый из отдельных проектов Webnauts Space, Webnauts Academy и Webnauts Outstaff мы добавляем что-нибудь уникальное – создаем собственный облик дизайна, опираясь на основные идеи брендбука компании в целом. Именно так и произошло при создании данного лендинга.
Сайт должен доносить всю нужную информацию и передавать посетителю атмосферу коворкинга, нацеленную на продуктивную работу в среде единомышленников.
Целевая аудитория
Мы отталкивались от того, что в коворкинг приходят в основном фрилансеры и молодые предприниматели из digital-сферы. Аренда офиса в городе для них обходится слишком дорого, а работать из дома неудобно или малоэффективно. Мы готовы предложить им комфортное и эргономичное рабочее пространство, где есть все необходимое.
Дизайн проекта
Мы остановились на минималистичном дизайне, в котором на лендинге остается много свободного пространства. Выбран современный и популярный шрифт Neue Machina, использованы чистые цвета и удобный лаконичный интерфейс.
В оформлении задействованы корпоративные цвета компании Webnauts: белый, черный, серый и красный. Красный цвет выступает в роли акцента, его на сайте совсем немного. Этот оттенок олицетворяет молодость и динамичность. Он используется для заголовков и цен, а также выделения триггерных фраз в тексте.
Второстепенный цвет – серый. Он нейтральный, используется как цвет текста. Сочетание красного и серого оттенков умеренно строгое, умеренно яркое. Также для заголовков и текста используется черный цвет.
Разделы сайта
Было решено сделать сайт в виде landing page, где на одной странице находится вся нужная информация о коворкинге. Навигация по странице осуществляется с помощью якорей, которые перемещают пользователя в нужную часть лендинга.
На первом экране можно посмотреть ознакомительный ролик на YouTube и познакомиться с пространством. Дальше идет блок «О проекте» с фотографиями коворкинга и небольшим текстом. Здесь мы не перегружаем потенциального клиента лишней информацией, выделяя только самое главное.
За этим разделом следуют виды услуг и тарифы на каждую из них. Подробная информация раскрывается при наведении курсора на блок, а в мобильной версии загружается по свайпу страницы.
Далее за тарифами мы разместили основные преимущества коворкинга для потенциального клиента. Это и удобное месторасположение, комфортные рабочие места, доступ к Wi-Fi и оргтехнике и т.д. Кроме этого, в пространстве оборудованы места для отдыха, есть кофемашина. Для проведения деловых встреч можно арендовать конференц-зал.
В коворкинге регулярно проходят тематические мероприятия, встречи, воркшопы. Актуальное расписание также можно посмотреть на сайте. Оно регулярно обновляется.
Вся контактная информация, а также карта проезда размещены в последнем блоке. За ним следует онлайн-форма заявки и футер.
Адаптивная версия
Как и все проекты Webnauts, cайт оптимизирован под мобильные устройства и адаптируется под любой экран.
Итоги работы
В ходе проекта был разработан сайт, на котором потенциальный резидент может посмотреть предлагаемое пространство, ознакомиться с тарифами и планируемыми мероприятиями и оставить заявку на бронь рабочего места, переговорной комнаты, и даже полноценного офиса. Лаконичный дизайн, удобный интерфейс и все, что важно для клиента.
