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

В TRUE VISUAL мы решили, что каталог должен показывать дизайн прежде, чем рассказывать о нем. Это не означает отказ от текста. Мы просто развели момент первого впечатления и момент подробного знакомства.

Единая обложка делает сравнение честнее

На странице "Работы" мы остановились на двух равных колонках для широкого экрана и одной для телефона. У обложек одинаковое вертикальное соотношение сторон 4:5. Ни один проект не получает панорамную карточку только потому, что для него нашлась более широкая картинка.

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

Но унификация относится именно к обложке. Она не диктует формат всех остальных изображений проекта.

Внутри кейса правила другие

Когда человек открыл работу, ему уже нужно рассмотреть детали. Здесь могут соседствовать широкие экраны, вертикальные макеты, фрагменты интерфейса, фотографии носителей и увеличенные элементы. Запирать их все в формат 4:5 было бы такой же ошибкой, как делать каждую карточку каталога уникальной по размеру.

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

Изображение должно что-то доказывать

Эффектный мокап полезен, если помогает представить дизайн в реальном контексте. Но он не должен подменять саму работу. Экран сайта лучше показать достаточно крупно, чтобы можно было увидеть интерфейс, а развертку этикетки - так, чтобы читались структура и композиция.

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