Dead Rebel — Сайт-портфолио фотографа
Сайт, в котором фотография становится главным элементом интерфейса и задаёт ритм всему визуальному пространству.
Стояла задача создать современный сайт-портфолио, в котором фотографии становятся главным элементом взаимодействия и полностью погружают пользователя в работы фотографа.
Сайт построен как вертикальная лента фотосессий, где каждая съёмка становится отдельным полноэкранным пространством со своей композицией фотографий.
На десктопе лента зациклена и прокручивается бесконечно, создавая ощущение непрерывного просмотра. Название активной съёмки плавно меняется в центре экрана, а переходы и анимации делают просмотр фотографий цельным и динамичным.
При открытии фотографии сайт переходит в полноэкранный режим просмотра, убирая всё лишнее и оставляя внимание на кадре. Слева расположена компактная лента превью для быстрой навигации между фотографиями.
Страница контактов продолжает визуальный язык сайта: минимум интерфейса, крупная типографика и фотография как центральный элемент композиции. Вместо стандартного набора контактов основной акцент сделан на прямой переход в сообщество фотографа во ВКонтакте.
Фотографии дополнены эффектом живой поверхности — мягкая волна и рябь следуют за движением курсора, создавая ощущение ткани или воды. Эффект реализован на Three.js и WebGL, где изображение становится текстурой, а шейдер динамически деформирует её поверхность.
На мобильных устройствах съёмки листаются вертикально, а фотографии внутри каждой серии собраны в горизонтальные галереи со свайпом, сохраняя лёгкий наклон карточек.
Для сайта выбран шрифт Roboto Flex — современный вариативный шрифт с гибкой настройкой начертания. Он хорошо подходит для минималистичного визуального стиля сайта и позволяет точно настроить толщину и характер текста.
