Даниил Никулин — известный московский фотограф, который снимает светские события в столице и европейских странах

Разработать сайт, на котором главный акцент будет направлен на демонстрацию фотографий Даниила. Всё остальное должно быть на втором месте и лишь создавать фон и направлять акценты.

Отдельной задачей было создание уникальных галерей, в которых фотографии будут смотреться наиболее оптимально.

Дизайн-концепция сайта должна отражать прогрессивный минимализм.

Также требовалась вторая версия сайта на английском языке для иностранных клиентов. Между языковыми версиями должно быть удобно переключаться.

Задача

Проектирование — разработка карты сайта, определяющей внутреннюю логистику и навигацию на сайте и создание структуры информационных блоков внутри страниц для решения маркетинговых задач и формирования у клиента пользовательского опыта.

Решением для главного экрана стал кастомный двойной слайдер, демонстрирующий избранные фотографии Даниила. Работы фотографа становятся первым, что пользователь видит на сайте.

Важным визуальным приёмом стал эффект дуотона для всех текстов сайта. Все текстовые блоки и надписи автоматически принимают цвет, противоположный цвету фона, расположенного под ними. Это хорошо видно на примере центральной надписи главного экрана. Это относится и к пунктам меню.

Кнопка для переключения между языковыми версиями сайта находится в правом углу верхней строки меню и вместе с остальным меню закрепляется при скролле страницы, всегда оставаясь на виду.

На главной странице сайта для формирования позитивного пользовательского опыта при помощи кода был создан уникальный экран с элементами геймификации. Экран демонстрирует по 2 фотографии из 5-ти избранных кейсов Даниила. При наведении курсора на маленькую фотографию каждого проекта, меняется название проекта и большая фотография. При клике пользователь переходят на страницу кейса с полной галереей.

Важным этапом работы было создание дизайна многочисленных галерей для демонстрации фотографий внутри кейсов. Дизайн галереи должен был стать уникальным, отличным от галерей, которые используют другие фотографы на своих сайтах и, приэтом, создавать максимальный акцент на сами фотографии.

Мы разработали галерею, которая занимает всю ширину экрана, не содержит отступов и зазоров между фотографиями, а при наведении курсора слегка увеличивается внутри своего контейнера, добавляя динамики и анимации.

Меню, которое всегда закреплено вверху экрана, также меняет цвет в зависимости от цвета на фотографиях, которые оказываются под ним.

Главная страница

Страница «Биография»

Другие страницы