SuperSnimki.Ru — редизайн 2026

Головна сторінка SuperSnimki після редизайну

SuperSnimki.ru — одна з найдовше діючих російськомовних фотоспільнот: працює онлайн із 2013 року, має понад 200 000 фотографій і понад 4 700 фотографів. Тоді ми створили платформу з нуля, а через 13 років інтерфейс почав застарівати: важкі скрипти, іконкові шрифти, відсутня темна тема та справжньої мобільної версії.

У 2026 році ми виконали повний редизайн. Ми зберегли платформу (Perl/Mojolicious, MongoDB, MySQL) і кожен байт накопичених даних, переписали фронтенд із нуля та додали функції, які повертають людей на сайт.

Завдання

привести весь сайт до єдиної сучасної візуальної мови, зберігши впізнаваність бренду;

зробити сайт справді зручним для роботи з телефону;

прискорити завантаження та позбутися накопиченого технічного боргу;

закрити прогалини в безпеці та виправити SEO;

дати спільноті нові причини писати, знімати й повертатися.

До і після

Форум: 2025 проти 2026

Журнал: 2025 проти 2026

Каталог фототехніки: 2025 проти 2026

Дизайн-система

Розрізнені стилі поступилися місцем єдиній системі токенів: шкала шрифтів, кроки відступів по 4 px, радіуси кутів, тривалості анімацій і криві плавності. Основний шрифт — Inter Variable, а 130 іконок Lucide замінили три окремі іконкові шрифти. Ми зберегли фірмовий золотий акцент — він пов’язує новий інтерфейс зі знайомим логотипом.

Світла та темна теми. Сайт слідує системним налаштуванням, а перемикач «День / Ніч» запам’ятовує вибір кожного користувача. Сторінки фото завжди показують зображення на темній «сцені», тож ніщо не конкурує з кадром.

Темна тема

Сторінка фото

Мобільний досвід

Нижня панель навігації у стилі застосунку: Головна, Фото, Завантаження, Повідомлення, Профіль. Висувне меню та новий повноекранний переглядач із масштабуванням щипком, свайпами та подвійним дотиком. Сайт тепер має PWA-маніфест, тож його можна додати на головний екран.

Мобільна версія

Перемальовано все

Редизайн охопив 183 шаблони: головну сторінку, стрічку фото, сторінки фото та коментарі, завантаження, профілі, розділ «Люди» та чат, форум, журнал, магазин, конкурси, налаштування акаунта й адмін-панель. Навіть 12 шаблонів email отримали новий вигляд — із темною темою та адаптивною версткою.

Стрічка фото з жанрами та вкладками

Нові функції

Модерований журнал. Фотографи публікують статті, які проходять редакційну перевірку. Автори отримують панель зі статистикою, читачі — зміст, індикатор прогресу читання та стрічки «Нові / Вибір редакції / Популярні / Підписки».

Каталог фототехніки, пов’язаний з реальними фото. Дані EXIF показують, якою технікою справді знімає спільнота: блок «Знімки на цю камеру», рейтинги найпопулярніших камер і об’єктивів, фільтри за типом камери та розміром матриці.

Імпорт фототехніки за допомогою AI. AI з веб-пошуком знаходить нові камери та об’єктиви й заповнює їхні характеристики двома мовами — редакторам лишається лише перевірити й затвердити.

AI-аналіз фотографій. Розбір композиції, світла та техніки тепер виконується у фоновому режимі й коштує користувачам у 2.5× менше.

AI-переклад статей і автозаповнення карток товарів у фотомагазині.

Підсумки року. Публічна сторінка для кожного фотографа зі статистикою, його камерою року та найкращими кадрами.

Стрічка підписок, подіум на сторінці «Люди» та згрупований потік активності.

Фотомагазин: панель продавця, модерація, замовлення та виплати.

Єдиний пошук по статтях, фото, людях і форуму.

Нескінченна прокрутка, зручні внутрішні сповіщення замість спливаючих вікон браузера та безкоштовні карти MapLibre замість платного Mapbox.

Стаття журналу зі змістом

Розділ «Люди»

Продуктивність

основний JS-бандл став на 68% легшим — із 674 КБ до 213 КБ; редактор, завантажувач, графіки та карти підвантажуються лише за потреби;

видалено 51 застарілу JS-бібліотеку — Backbone, Handlebars, Bootstrap JS, moment.js з усіма локалями та інші;

середні зображення через srcset для телефонів і кольоровий плейсхолдер на час завантаження кожного фото;

важкі запити до MongoDB замінено індексованим прапорцем, а пошук статей, який раніше міг займати до 30 секунд на поширених словах, тепер виконується одним запитом.

Кодова база скоротилася на 27 000 рядків — попри суттєве розширення функціоналу.

Безпека та SEO

Закрито XSS-вразливості в пошуку, іменах, EXIF, форумі та коментарях; видалення захищено CSRF-токенами;

коректні 404 замість редиректів, canonical- і hreflang-теги, розширена розмітка JSON-LD, og:image у високій роздільній здатності;

відновлено RSS, sitemap розширено зображеннями, а Yandex Metrica тепер відстежує навігацію в застосунку без перезавантаження сторінок.

Результат

Спільнота з 13-річною історією тепер має інтерфейс на рівні найкращих сучасних продуктів — швидкий, адаптивний, із темною темою — і набір функцій, які повертають фотографів: журнал, каталог техніки, «Підсумки року» та AI-інструменти. Платформа, дані та вистраждані позиції в пошуку повністю збережені.

Фотомагазин

Профіль фотографа

Оновлення: жовтень 2026

Через кілька днів після редизайну сайт отримав друге оновлення. Дизайн став багатшим і виразнішим: багатошаровий фон «Aurora» з кольоровими плямами та мотивом кіноплівки, скляні панелі, картки, що підсвічуються під курсором, і нова головна сторінка для гостей.

Головна сторінка до і після другого оновлення

Новий розділ — 19 фотоігор, побудованих на реальних знімках авторів сайту та їхніх даних EXIF: є таблиці лідерів, досягнення та місячні лідери. Конкурси тепер веде маскот сайту — Дух сайту. У авторів з’явилася персональна панель із рівнями та досягненнями, а фото можна завантажувати з телефона через QR-код. Більше — у нашій новині про оновлення.

Фотоігри

Переглянути оновлений сайт наживо:
https://supersnimki.ru

Обсяг робіт: дизайн-система, редизайн 183 шаблонів і 12 листів, мобільний досвід, нові розділи, оптимізація продуктивності та аудит безпеки
Завершено: вересень 2026
Оновлення: жовтень 2026

Усі проєкти Обговорити схожий проєкт