Про проєкт
jankovoy.com — персональне цифрове портфоліо тревел-фотографа, мандрівника та засновника фототурів Антона Янкового. Сайти фотографів мають особливі вимоги до фронтенду: фотографії є головним продуктом, тому вони повинні відображатися у найвищій якості, розгортатися на весь екран без зсувів макета та миттєво реагувати на дії користувача.
Головна мета проєкту від SebWeo — спроектувати та впровадити оновлений функціонал медіа-галереї, забезпечивши плавність інтерактивних елементів, зручність перегляду серій знімків та високу швидкість завантаження “важких” графічних альбомів.
Завдання, які стояли перед SebWeo:
- Переробка функціоналу галереї: Створення інтерактивного макета для демонстрації пейзажних та портретних фотосерій різної орієнтації.
- Оптимізація високої роздільної здатності: Налаштування генерації адаптивних мініатюр без втрати чіткості та передачі кольорів.
- Плавність роботи на мобільних пристроях: Забезпечення комфортного перегляду та свайпів (touch-events) у мобільній версії портфоліо.
- Збереження продуктивності: Ліквідація затримок рендерингу під час одночасного завантаження десятків високоякісних кадрів.
- Адаптивна розкладка (Masonry/Grid): Фотографії різного формату (вертикальні, горизонтальні, панорами) повинні складатися у гармонійну сітку без порожнеч та без зсувів верстки.
- Кастомний переглядач (Full-screen Lightbox): При кліку зображення повинні миттєво розгортатися на увесь екран із можливістю зручного гортання клавішами, свайпами або кнопками навігації.
- Динамічне завантаження зображень (Responsive Images + Progressive Loading)
Що було зроблено:
Оновлена галерея на jankovoy.com перетворилася на зручний та швидкий інструмент для демонстрації високохудожніх фоторобіт. Користувачі отримали можливість комфортно переглядати фотосерії у максимальній якості з будь-яких пристроїв, а сайт зберіг високу швидкість завантаження та стабільність роботи навіть у розділах із великим обсягом медіа-контенту.