Кейс: Модернізація медіа-галереї та інтерактивного портфоліо фотографа jankovoy.com

Про проєкт

jankovoy.com — персональне цифрове портфоліо тревел-фотографа, мандрівника та засновника фототурів Антона Янкового. Сайти фотографів мають особливі вимоги до фронтенду: фотографії є головним продуктом, тому вони повинні відображатися у найвищій якості, розгортатися на весь екран без зсувів макета та миттєво реагувати на дії користувача.

Головна мета проєкту від SebWeo — спроектувати та впровадити оновлений функціонал медіа-галереї, забезпечивши плавність інтерактивних елементів, зручність перегляду серій знімків та високу швидкість завантаження “важких” графічних альбомів.

Завдання, які стояли перед SebWeo:

1. Переробка функціоналу галереї: Створення інтерактивного макета для демонстрації пейзажних та портретних фотосерій різної орієнтації.
2. Оптимізація високої роздільної здатності: Налаштування генерації адаптивних мініатюр без втрати чіткості та передачі кольорів.
3. Плавність роботи на мобільних пристроях: Забезпечення комфортного перегляду та свайпів (touch-events) у мобільній версії портфоліо.
4. Збереження продуктивності: Ліквідація затримок рендерингу під час одночасного завантаження десятків високоякісних кадрів.
5. Адаптивна розкладка (Masonry/Grid): Фотографії різного формату (вертикальні, горизонтальні, панорами) повинні складатися у гармонійну сітку без порожнеч та без зсувів верстки.
6. Кастомний переглядач (Full-screen Lightbox): При кліку зображення повинні миттєво розгортатися на увесь екран із можливістю зручного гортання клавішами, свайпами або кнопками навігації.
7. Динамічне завантаження зображень (Responsive Images + Progressive Loading)

Що було зроблено:

Оновлена галерея на jankovoy.com перетворилася на зручний та швидкий інструмент для демонстрації високохудожніх фоторобіт. Користувачі отримали можливість комфортно переглядати фотосерії у максимальній якості з будь-яких пристроїв, а сайт зберіг високу швидкість завантаження та стабільність роботи навіть у розділах із великим обсягом медіа-контенту.