Журнал Pichugster

ДизайнИз практики3 мин

Почему мы убрали обрезку изображений проектов

Что изменили на главной Pichugster, чтобы макеты сайтов были видны целиком на компьютере и телефоне.

Иллюстрация Pichugster

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

В чём была проблема

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

Что изменили

Убрали принудительное широкое соотношение сторон. Превью проектов теперь сохраняют исходную пропорцию 4:3 и показываются целиком. На компьютере у двух проектов одинаковая ширина колонок, на узком телефоне они идут последовательно.

Фото в блоке обучения также получило автоматическую высоту вместо фиксированной короткой рамки.

Почему это важно для портфолио

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

Что проверили

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

Посмотрите блок работ на главной. Перед заказом своего сайта можно изучить варианты и стоимость.