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