LANDMARK ARCHITECTS: корпоративный сайт

За 10 лет работы LANDMARK ARCHITECTS собрали внушительное портфолио, 90 % проектов были реализованы. Но, как это часто бывает, собрать все воедино не доходили руки. Пока не наступил момент, когда срочно нужен сайт, чтобы выгодно презентовать проекты, продвигать услуги и HR-бренд.

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

Благодаря вовлеченности заказчика и выбору Tilda Publishing удалось выйти на релиз за рекордные 70 часов.

В этом проекте мы стремились к чистоте и минимализму. Это заметно и по дизайну, и по структуре сайта. Сайт состоит из 6 основных страниц: главная, «Проекты», «Услуги», «О нас», «Партнеры» и «Контакты». Каждая страница рассчитана на 5-6 скроллов.

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

Стиль напоминает журнальную верстку. Его оживляет плавная анимация блоков и курсора. Курсор в виде точки увеличивается при наведении на кликабельные объекты. Заголовки проявляются по мере скроллинга.

Страницы раздела «Проекты» собраны так, чтобы в будущем заказчику было просто и удобно обновлять портфолио на сайте: загружать фото и описание, выбирать причастных сотрудников из общего списка, указывать локацию. Пользователи могут переключаться между вкладками «Все проекты» и «Реализованные».

Для демонстрации расположения объекта используется встроенный по API плагин 2ГИС. Пользователь может менять масштаб карты прямо на странице проекта. Или перейти в 2ГИС, чтобы посмотреть дополнительные фото объекта, которые загружают в приложение жители города.

На странице «Партнеры» блок с логотипами компаний и статичная карта с инфографикой, показывающей географию присутствия. В «Услугах» описаны этапы работ и показаны примеры проектной документации в миниатюрах.

На странице «О нас» — краткое описание компании, фото сотрудников и описание преимуществ для претендентов на вакансии. Соискатели могут оставить свои контакты в форме «О себе», загрузить резюме и портфолио. Файлы загружаются в облачное хранилище. После сохранения заявки пользователем HR-менеджеру поступает email-уведомление о новом отклике с автоматически сгенерированными ссылками на файлы в облаке.

Иконки Pinterest и ВКонтакте перенаправляют пользователей на страницы в соцсетях. К email-адресу добавлен атрибут mailto (при клике запускается почтовый клиент с заполненными данными).

Сайт адаптирован под разные разрешения экранов. Особое внимание уделили версии для мобильных устройств. Менеджерам и архитекторам часто приходится показывать примеры работ непосредственно на строительной площадке с телефона. Поэтому было важно сделать простую навигацию и сохранить всю важную информацию в удобном представлении.