Услуги
  • Сайты
  • Контент
  • Продвижение
  • Битрикс24
  • Приложения
Все услуги Оплата
Битрикс24
Все услуги Оплата
Поиск
  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

Сайт для коворкинга Webnauts Space

Не так давно на базе офиса Webnauts открылось коворкинг-пространство Webnauts Space, где любой желающий может арендовать рабочее место, офис для небольшой команды, организовать встречу, мастер-класс и любое мероприятие. Для удобства клиентов мы решили создать сайт для коворкинга отдельно от основного проекта Webnauts.

О задаче

В разработке дизайна сайта коворкинг-центра требовалось придерживаться корпоративного стиля компании.

Несмотря на то, что у компании есть корпоративная стилистика, в каждый из отдельных проектов Webnauts Space, Webnauts Academy и Webnauts Outstaff мы добавляем что-нибудь уникальное – создаем собственный облик дизайна, опираясь на основные идеи брендбука компании в целом. Именно так и произошло при создании данного лендинга.

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

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

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

Дизайн проекта

Мы остановились на минималистичном дизайне, в котором на лендинге остается много свободного пространства. Выбран современный и популярный шрифт Neue Machina, использованы чистые цвета и удобный лаконичный интерфейс.

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

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

Разделы сайта

Было решено сделать сайт в виде landing page, где на одной странице находится вся нужная информация о коворкинге. Навигация по странице осуществляется с помощью якорей, которые перемещают пользователя в нужную часть лендинга.

На первом экране можно посмотреть ознакомительный ролик на YouTube и познакомиться с пространством. Дальше идет блок «О проекте» с фотографиями коворкинга и небольшим текстом. Здесь мы не перегружаем потенциального клиента лишней информацией, выделяя только самое главное.

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

Banner

Далее за тарифами мы разместили основные преимущества коворкинга для потенциального клиента. Это и удобное месторасположение, комфортные рабочие места, доступ к Wi-Fi и оргтехнике и т.д. Кроме этого, в пространстве оборудованы места для отдыха, есть кофемашина. Для проведения деловых встреч можно арендовать конференц-зал.

Вся контактная информация, а также карта проезда размещены в последнем блоке. За ним следует онлайн-форма заявки и футер.

Адаптивная версия

Как и все проекты Webnauts, cайт оптимизирован под мобильные устройства и адаптируется под любой экран.

Banner

Итоги работы

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

Нещодавно на базі офісу Webnauts відкрився коворкінг-простір Webnauts Space, де будь-який бажаючий може орендувати робоче місце, офіс для невеликий команди, організувати зустріч, майстер-клас та будь-який захід. Для зручності клієнтів ми вирішили створити сайт для коворкінгу окремо від основного проекту Webnauts.

Про завдання

У розробці дизайну сайту коворкінг-центру потрібно дотримуватися корпоративного стилю компанії.

Незважаючи на те, що компанія має корпоративну стилістику, у кожен з окремих проектів Webnauts Space, Webnauts Academy і Webnauts Outstaff ми додаємо щось унікальне – створюємо власний вигляд дизайну, спираючись на основні ідеї брендбука компанії в цілому. Саме так і сталося під час створення даного лендингу.

Сайт повинен доносити всю потрібну інформацію та передавати відвідувачеві атмосферу коворкінгу, націлену на продуктивну роботу серед однодумців.

Цільова аудиторія

Ми відштовхувалися від того, що в коворкінг приходять в основному фрілансери та молоді підприємці із digital-сфери. Оренда офісу в місті для них коштує дуже дорого, а працювати з дому незручно або малоефективно. Ми готові запропонувати їм комфортний та ергономічний робочий простір, де є все необхідне.

Дизайн проекту

Ми зупинилися на мінімалістичному дизайні, в якому на лендинг залишається багато вільного простору. Вибрано сучасний та популярний шрифт Neue Machina, використані чисті кольори та зручний лаконічний інтерфейс.

В оформленні задіяні корпоративні кольори компанії Webnauts: білий, чорний, сірий та червоний. Червоний колір виступає в ролі акценту, його на сайті зовсім небагато. Цей відтінок уособлює молодість та динамічність. Він використовується для заголовків та цін, а також виділення тригерних фраз у тексті.

Другий колір – сірий. Він є нейтральним, використовується як колір тексту. Поєднання червоного та сірого відтінків помірно строге, помірно яскраве. Також для заголовків та тексту використовується чорний колір.

Розділи сайту

Вирішили зробити сайт у вигляді landing page, де на одній сторінці знаходиться вся потрібна інформація про коворкінгу. Навігація по сторінці здійснюється за допомогою якір, які переміщують користувача в потрібну частину лендінгу.
На першому екрані можна переглянути ознайомлювальний ролик на YouTube та познайомитися з простором. Далі йде блок «Про проект» із фотографіями коворкінгу та невеликим текстом. Тут ми не перевантажуємо потенційного клієнта зайвою інформацією, виділяючи найголовніше.
За цим розділом слідують види послуг та тарифи на кожну з них. Детальна інформація розкривається при наведенні курсору на блок, а мобільна версія завантажується по свайпу сторінки.
Banner
Далі за тарифами ми розмістили основні переваги коворкінгу для потенційного клієнта. Це і зручне місце розташування, комфортні робочі місця, доступ до Wi-Fi та оргтехніки тощо. Крім цього, у просторі обладнані місця для відпочинку, є кавоварка. Для проведення ділових зустрічей можна орендувати конференц-зал.
Вся контактна інформація, а також карта проїзду розміщено в останньому блоці. За ним слідує онлайн-форма заявки та футер.

Адаптивна версія

Як і всі проекти Webnauts, сайт оптимізований під мобільні пристрої та адаптується під будь-який екран.
Banner

Підсумки роботи

У ході проекту було розроблено сайт, на якому потенційний резидент може подивитися пропонований простір, ознайомитися з тарифами та запланованими заходами та залишити заявку на броню робочого місця, переговорної кімнати, і навіть повноцінного офісу. Короткий дизайн, зручний інтерфейс і все, що важливо для клієнта.

Комментарии

Потрібний яскравий, продуманий з погляду юзабіліті сайт коворкінгу чи IT-хаба?

Ми це вміємо та любимо. Напишіть нам, щоб отримати бриф на дизайн та кошторис на розробку лендінгу!

Над проектом работали