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°-туры

Хотите такой же проект?

Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.

Ответим в течение рабочего дня
Написать нам