Красивое здание многое говорит об архитектуре. Но по одному фасаду трудно понять, кто нашёл площадку, организовал проектирование и довёл объект до продажи. Именно с этой задачей мы столкнулись в работе над сайтом Global Industries: нужно было показать, какой опыт компании стоит за её портфелем.
Девелопер работает в Нью-Йорке и ведёт проекты от поиска объекта до продаж. Его прежний сайт показывал отдельные здания, но слабо раскрывал саму компанию. За три месяца команда Pickles пересобрала структуру, разработала дизайн и запустила новый сайт. Рассказываем, как связали архитектурные изображения, сведения об объектах и объяснение полного цикла девелопмента.
Global Industries создаёт жилые и многофункциональные здания в Бруклине, Манхэттене и Куинсе. По данным компании, за её плечами более 20 лет опыта и свыше 200 строительных и реновационных проектов. Для будущего партнёра это существенный контекст: речь идёт о команде, которая работает с разными объектами и этапами их развития.
На старом сайте знакомство начиналось с крупной фотографии здания и бокового меню. Проекты можно было посмотреть, информацию о компании — найти в отдельном разделе. Однако эта подача оставляла посетителю важную часть работы: самостоятельно связать объекты с компетенциями девелопера и понять, чем он может быть полезен.
Перед нами стояли три связанные задачи. Раскрыть опыт через портфолио, объяснить, что входит в полный цикл работы Global Industries, и дать команде возможность обновлять проекты после запуска. При этом сайт должен был сохранить выразительность архитектуры: перегруженная справочная подача здесь тоже не решила бы задачу.

Старый первый экран. В центре внимания — отдельное здание; знакомство с компанией продолжается через разделы бокового меню.
Мы начали с последовательности знакомства. Посетителю нужно понять, где работает компания, какие объекты создаёт и какую ответственность берёт на себя. Поэтому главную страницу выстроили как краткий рассказ: специализация и география, проекты, процесс работы, факты о компании и переход к контакту.
При этом главная не должна была вмещать все подробности. Для портфеля, отдельных объектов, информации о компании и девелопменте предусмотрели самостоятельные страницы. Так человек может выбрать глубину знакомства: получить общее представление или сразу перейти к интересующему зданию. Контакты доступны и тем, кто уже знает компанию и пришёл с конкретным вопросом.
Особого объяснения требовал «полный цикл». Эта формулировка часто встречается на корпоративных сайтах, но сама по себе мало говорит о работе. Мы раскрыли её через шесть этапов: поиск объекта, планирование, приобретение участка, проектирование, строительство и продажи. Последовательность показывает, на каких стадиях участвует Global Industries и как они связаны между собой.
Так у портфолио и описания услуг появились разные, дополняющие друг друга роли. Объекты показывают, с чем работает компания; раздел о девелопменте объясняет, какая деятельность стоит за результатом. Посетителю не приходится делать эти выводы только по изображениям.
Мы подготовили несколько визуальных концепций и остановились на сочетании крупных архитектурных изображений, строгой типографики и городского движения. Для этого проекта Нью-Йорк — содержательная часть образа: компания работает в его районах, а её объекты становятся частью городской среды.
Поэтому на первом экране появилось видео с городом. Оно задаёт место действия ещё до подробного рассказа о девелопере. Поверх изображения расположены короткое позиционирование, кнопка контакта и переход к одному из проектов. У первого экрана есть конкретная задача: заинтересовать и сразу предложить продолжение знакомства.
В остальных разделах изображениям оставили достаточно пространства, а пояснения разместили рядом с ними. Фотография или визуализация помогает рассмотреть здание; текст сообщает его назначение, расположение и стадию работы. Мы не пытались заставить один из этих способов подачи выполнять всю работу: впечатление от архитектуры и факты об объекте нужны посетителю одновременно.

Новый первый экран: городское видео, краткое позиционирование, контакт и переход к Flatbush Avenue. Изображение показывает кадр видео на действующем сайте.
Короткая прогулка по новому сайту: движение, переходы и подача проектов в интерфейсе.
Портфель Global Industries включает объекты разного назначения и масштаба. Чтобы эти различия можно было оценить, мы предусмотрели для каждого проекта одинаковый набор сведений: тип здания, площадь, расположение, стадию работ и год завершения. Это даёт посетителю опору при переходе от одного объекта к другому.
Хороший пример — Flatbush Avenue. На момент подготовки кейса он представлен как строящийся многофункциональный объект в Бруклине площадью 34 900 квадратных футов, с плановым завершением в 2027 году. Эти сведения меняют восприятие изображения: перед нами визуализация будущего здания, и её важно читать вместе со статусом проекта.
Для сравнения, Lefferts Square в портфеле обозначен как завершённый жилой проект площадью 83 370 квадратных футов, с годом завершения 2025. Единая подача позволяет увидеть разницу в назначении, размере и готовности объектов. За общим словом «портфолио» появляются конкретные характеристики опыта компании.
Одинаковый порядок сведений мы сохранили и на отдельных страницах проектов. Архитектура каждого здания остаётся самостоятельной, а способ знакомства с ним — привычным. Посетителю не нужно заново разбираться в устройстве страницы, чтобы найти статус строительства или расположение следующего объекта.

Flatbush Avenue: многофункциональный объект в Бруклине, 34 900 кв. футов. Плановый год завершения — 2027. Визуализация показывает проектный облик здания.
Для девелопера запуск сайта — начало постоянной работы с портфелем. Объекты переходят на новые стадии, появляются фотографии строительства и новости. Нам было важно, чтобы команда могла отражать эти изменения на сайте самостоятельно.
Для проектов и публикаций мы подготовили шаблоны страниц. Сотрудник добавляет фотографии, описание и характеристики объекта в редакторе, а сайт размещает их в заданной структуре. Оформление новой страницы не приходится каждый раз придумывать заново. По тому же принципу устроен блог.
Здесь решение одной задачи поддерживает другую. Единый порядок информации удобен посетителю, а заранее подготовленные поля помогают сотруднику последовательно заполнять материалы. По мере пополнения портфеля сайт сохраняет общий стиль и знакомую логику страниц.
Отдельно проработали отображение на телефонах и планшетах. На небольшом экране широкие композиции перестраиваются в последовательность блоков: изображение, сведения об объекте, дальнейшее действие. Это позволяет сохранить содержание и характер сайта при переходе с большого монитора на телефон.
За три месяца мы прошли путь от структуры и дизайн-концепций до запуска англоязычного сайта. В нём появились связанные между собой разделы о компании, портфеле и процессе девелопмента, страницы объектов с единым набором характеристик и редактор для дальнейшего обновления проектов и блога.
Главное изменение видно в том, как теперь можно познакомиться с Global Industries. Раньше сайт прежде всего показывал отдельные здания. В новой версии посетитель может рассмотреть объект, узнать его статус и параметры, а затем разобраться, какие этапы его создания берёт на себя девелопер. У команды есть возможность продолжать этот рассказ по мере развития проектов.
Этот принцип полезен и за пределами недвижимости: портфолио становится убедительнее, когда рядом с работой есть сведения, по которым клиент может её оценить. В случае Global Industries такими сведениями стали назначение, площадь, стадия и расположение объекта, а также объяснение роли компании в его создании.
Если ваш бизнес вырос, а по сайту этого всё ещё не видно, расскажите о нём команде Pickles. Разберёмся, какие проекты и факты важны вашим клиентам, и поможем выстроить вокруг них новый сайт.