Сайт студии: как показывать проекты, а не себя

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

Главная задача — показать работы

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

Хороший сайт студии открывается сразу проектами и позволяет за минуту составить впечатление.

Сетка проектов

Три подхода: равномерная сетка, асимметричная раскладка и полноэкранная прокрутка. Первый нейтрален и работает всегда, второй даёт характер, третий подходит только при очень сильных изображениях.

Изображения

В творческом портфолио изображения — почти весь контент, поэтому их подготовка важнее вёрстки. Единая обработка, одинаковая цветокоррекция и последовательные ракурсы делают разные проекты частями одного тела работ.

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

Тексты

Описание проекта должно сообщать факты: место, площадь, год, задача, что было сделано. Абстрактные рассуждения о «диалоге пространства и света» не сообщают ничего и читаются как заполнение.

Полезный минимум: два абзаца текста и блок фактов — год, площадь, роль студии, команда.

Анимация

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

Рабочий минимум — мягкое появление изображений, плавные переходы между страницами и подчёркивания ссылок. Всё остальное имеет смысл только тогда, когда анимация сама является демонстрацией компетенции студии.

Что на самом деле смотрят на сайте бюро

У сайта архитектурного бюро три типа посетителей, и им нужно разное. Потенциальный заказчик проверяет масштаб и типологию: делали ли похожее, какого размера. Будущий сотрудник смотрит процесс и состав команды. Коллега или издание ищет пригодные материалы и контакты. Сайт, построенный только вокруг красивых кадров, отвечает лишь первому, и то наполовину.

Отсюда практическое требование к проекту в портфолио: не только съёмка, но и вводные — площадь, сроки, задача, ограничения. Именно они позволяют заказчику узнать в чужом проекте свой.

Тяжесть, которую сайты бюро себе позволяют

Архитектурные сайты — рекордсмены по весу страницы: полноэкранные съёмки, часто без сжатия и без адаптивных размеров. На мобильном соединении это десятки секунд до первого кадра, а именно с телефона приходит большая часть первого просмотра.

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

Что в итоге

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

Откройтесь сразу проектами, обработайте изображения в едином ключе, напишите фактические описания и вынесите контакты на видное место.