not the same
● Корпоративний сайт · Португалія, Україна

OfficeNear: корпоративний сайт мережі смарт-офісів

OfficeNear – приватні смарт-офіси для малого бізнесу в житлових районах, поруч із домом. Зараз у мережі локації в Лісабоні та Києві. Ми спроєктували й розробили корпоративний сайт чотирма мовами з мапою, сторінками офісів, інтерактивними схемами поверхів і формами заявок.

Клієнт
OfficeNear, мережа смарт-офісів
Що зробили
UX/UI-дизайн, розробка, мультимовність
Стек
WordPress, WPML, Leaflet
Сайт
officenear.com
Проєкт OfficeNear
01 Про проєкт

OfficeNear – не коворкінг, а закритий бізнес-клуб з невеликою кількістю резидентів. Сайт мав передати цю атмосферу, показати кожну локацію з плануванням і послугами та збирати три типи заявок: оренда офісу, відкриття OfficeNear у новому районі й зв'язок із власником. Аудиторія в Португалії та Україні, тому сайт працює чотирма мовами: EN, PT, UK і RU.

Що зробили
UX/UI-дизайнКорпоративний сайтМультимовністьМапа локаційІнтерактивні плануванняФорми заявок
Технології
WordPressWPMLLeafletUI/UX
02 Дизайн

Стиль

Спокійна природна палітра: оливково-зелений для дій, теракотовий і пісочний для плиток, світле тло з топографічним візерунком. Мозаїка з фото й кольорових блоків на першому екрані та заголовок, що друкується: «OfficeNear gym / cafe».

Оливковий, кнопки
#4A7227
Зелений, акценти
#74A656
Теракотовий
#CF7053
Графіт, текст
#313131
Світле тло
#F8F6F4
Пісочний
#E8E3D8
ШрифтиNunito
03 Екрани

Головна сторінка

Перший екран пояснює ідею одним заголовком: власний смарт-офіс поруч із кафе, спортзалом чи парком. Далі – чим OfficeNear відрізняється від коворкінгу, переваги, локації, оснащення, смарт-функції та додаткові бізнес-послуги.

Головна
Українська версія
Українська версія
04 Екрани

Інтерактивна схема поверху

Головна фішка сторінок офісів – інтерактивна схема поверху. На ній видно офіси A–E, переговорну, кухню й принт-зону, а будь-який офіс можна обрати просто на схемі або у списку й одразу залишити заявку.

Інтерактивна схема поверху
05 Мобільна версія

Мобільна версія

На телефоні мозаїка першого екрана стає над заголовком, картки локацій ідуть в одну колонку, а на сторінці офісу фото, адреса й кнопка заявки видно одразу.

Головна
Головна
Локації
Локації
Сторінка офісу
Сторінка офісу
06 Завдання

Завдання

  • 01Відрізнитися від коворкінгівПоказати приватність, тишу та формат клубу через тексти, фото й структуру сторінок.
  • 02Показати кожну локаціюАдреса, оснащення, планування, 360°-тур і окрема заявка на офіс.
  • 03Запустити чотири мовиEN, PT, UK і RU з перекладом усіх сторінок і форм.
  • 04Збирати різні заявкиОренда, відкриття нової локації та зв'язок із власником – окремі форми з потрібними полями.
07 Ключові рішення

Ключові рішення

Інтерактивне планування
Рішення 01

Інтерактивне планування

Схема поверху з офісами A–E, переговорною, кухнею та принт-зоною. Можна перемкнутися на список і вибрати конкретний офіс, щоб дізнатися більше й залишити заявку.

Локації на мапі
Рішення 02

Локації на мапі

Список офісів з фото, адресою й телефоном поруч із мапою Європи на Leaflet. Фільтр за країною: усі, Португалія, Україна. Унизу – заклик відкрити OfficeNear у своєму районі.

Сторінка офісу
Рішення 03

Сторінка офісу

Фото, адреса з посиланням на мапу, опис, кнопки «Enquire» і «360° Tour». Блок «What's included»: доступ 24/7, прибирання, принт-зона, Wi-Fi, серверна, кухня, клімат-контроль, переговорна, паркування.

Заявка на оренду
Рішення 04

Заявка на оренду

Кнопка «Enquire now» у шапці відкриває вікно з вибором міста, ім'ям, email, телефоном із кодом країни та повідомленням під захистом reCAPTCHA. На сторінці контактів – три сценарії: оренда, відкриття локації (місто й район) і зв'язок із власником.

Послуги та смарт-функції
Рішення 05

Послуги та смарт-функції

Окремі блоки про оснащення й смарт-офіс: віддалене керування, клімат-контроль, економія енергії, бронювання переговорної з Google Calendar, безключовий доступ, звіти щодо CO2. Додатково – бухгалтерія, адміністрування, юридична адреса й віртуальний офіс.

08 Стек

Інтеграції та стек

WordPressWPML: EN, PT, UK, RULeafletІнтерактивні схеми поверхівreCAPTCHASwiper360°-тури

Хочете такий самий проєкт?

Опишіть завдання – протягом робочого дня відповімо із запитаннями та попередньою оцінкою термінів.

Відповімо протягом робочого дня
Написати нам