«Калибр» — это огромный современный многофункциональный деловой центр, включающий в себя бизнес центр, технопарк и ковркинг
Для этого заказчика были выполнены следующие работы
Разработка адаптивного сайта делового центра «Калибр»
Задача
Презентовать деловой центр, сделать простой и удобный поиск коммерческой недвижимости, услуги для арендаторов, а также поиск партнеров для резидентов на территории центра.
135
Время
разработки
дней
Категория
стоимости
450К
рублей
00

Предпроектная работа

Изучаем материалы от заказчика, разбираемся в отличиях и преимуществах того или иного типа помещения, изучаем целевую аудиторию, конкурентные преимущества, вникаем в бизнес-процессы. Изначально закладываем стратегию продвижения

Сегментируем целевую аудиторию, для каждого сегмента — своя цель и свой пользовательский сценарий поведения на сайте.

Итог этого этапа: doc-документ с 14 различными пользовательскими сценариями

01

Прототипирование

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

02

Дизайн сайта

Протестировав получившиеся прототипы и внеся некоторые корректировки, приступаем к следующему этапу — разработке дизайна. Выбираем строгий деловой стиль, детализируем оформление и адаптируем для мобильных устройств

Главная страница

Главная страница презентует основные преимущества трех структур делового центра: бизнес-центра, технопарка и коворкинга, при этом начать подбор помещения можно сразу с первого экрана.

Технопарк

Страница технопарка «Калибр» — по сути лендинг, презентующий возможности технопарка. Основные преимущества - видеопрезентация, 3D-тур по территории, а также возможность подбора свободных площадей — доступны пользователю прямо на первом экране

Бизнес-центр

Страница бизнес-центра структурно немного напоминает страницу технопарка, но есть некоторые особенности, например: крупные панорамные фотографии внутри офисов или презентация системы электронного документооборота, доступного для резидентов БЦ.

Интерактивная карта

Территория «Калибра» огромна: 37 зданий, 96 компаний и тысячи сотрудников. Для быстрого поиска нужной фирмы, дома, офиса или инфраструктуры мы разработали специальную интерактивную карту

Разработать такую интерактивную карту — задача нетривиальная, а сделать простой, удобный и понятный интерфейс, единообразно отображающийся на любых устройствах, — еще сложнее.

Если пользователь ничего не вводил, мы отображаем популярную инфраструктуру, а также часто посещаемые фирмы на территории. Умная поисковая строка по первым буквам подскажет название любого объекта.

Поиск офиса

Поиск офиса на новом сайте стал еще удобнее: появился фильтр объектов, возможность добавления офиса в избранное, а в мини-карточке объекта выделена самая необходимая информация.

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

Дополнительные лендинги

На территории иногда проходят различные мероприятия: конференции, семинары, мастер-классы, воркшопы и т.д. Привлечение людей на такие мероприятия — отдельная задача. Для каждого типа мероприятия своя приземляющая страница.

Контактная информация

Кашу из букв на странице «Контакты» структурируем в отдельные блоки. Добавляем форму заявки, а также интерактивный график работы. Реквизиты не удаляем, а убираем за отдельную вкладку. Стилизуем карту: используя API Яндекс.Карт, скрываем весь лишний визуальный хлам, оставляем только значимые объекты, а также дополнительно выделяем все дома бизнес-парка.

03
Верстка

Все 42 макета под всевозможные разрешения бережно преобразуются в адаптивные HTML-шаблоны страниц сайта. Добавляем щепотку анимации и передаем программистам.

Вдохнуть в жизнь в статичные макеты — задача верстальщика

04
Программирование

Аккуратно подключаем старую базу данных сайта, переносим на новую CMS, программируем недостающие компоненты и новую логику.

Чтобы шаблоны стали полноценным сайтом, необходим хороший программист

05
Запуск проекта

На основе текстов на старой версии сайта, а также презентационных материалов заказчика, пишем недостающие тексты. Размещаем материалы на сайте и запускаем проект.

За запуск отвечает менеджер проекта, а с контентом нам помогает копирайтер и контент-менеджер

06
Тестирование

Не ошибается тот, кто ничего не делает: тестируем сайт с реальными данными, изменяем дизайн некоторых блоков, меняем огрехи в верстке, убираем баги программиста и передаем сайт в руки маркетологов.

Тестировать сайт помогает тестировщик, при необходимости привлекая любого человека из студии

Спасибо за
внимание
Хотите такой же?
Отправьте свою заявку, наш менеджер перезвонит вам в течение 30 минут и уточнит всю необходимую информацию.
Google