Сайт творческого человека — всегда сложная задача. Это баланс между чистым безбашенным творчеством и необходимостью структуризации контента.
Ксана (Оксана Сергиенко) потрясающе интересный человек, талантливый автор и исполнитель. Сфера творческого диапазона от джаза до роковых и популярных стилей. В портфолио Ксаны блестящие выступления на проекте «Голос», шоу «Точь-в-Точь», сольная карьера, участие в проекте Gregorian Opera и многое другое.
Создать сайт певицы. Рассказать об Оксане Сергиенко её творчестве, поделиться синглами, видео-контентом, избранными фотографиями.
На первой странице сайта мы расположили основное меню разделов, партнерские лейблы, представили певицу в окружении стиля диско-поп-арта.
Концепция дизайна сайта строится на двух сегментах: титульной главной странице, которая транслирует визуальный стиль и настроения певицы сегодня (диско-поп) и внутренней части сайта — его разделы выполнены в темном атмосферном фоне. Внутренние страницы отличает левая навигационная панель задавая общий вертикальный ритм.
Главную страницу сайта и раздел контактов украшает анимация фирменного геометрического паттерна в стиле ментальной геометрии.
Удобный раздел для хранения и показа видео с возможностью сортировки его по разделам: синглы, выступления, бэкстейж. Мы связали весь видео-архив с сервисом youtube конвертируя трафик официального сайта в счетчик просмотра роликов на видео-хостинге.
Вся музыка на сайте поделена на альбомы и синглы, предоставляя удобные варианты прослушивания. Разрабатывая плеер сайта мы подумали об удобстве перемотки и остановки проигрывания трека при переключении на другую дорожку или закрытие альбома.
Оформили текст истории и биографии певицы Ксаны, аскетичный раздел контактов и вывели ленту фото из инстаграм.
Один из центральных разделов сайта творческого человека всегда был фотоальбом, который погружает сторонника творчества певицы в её внутренний мир самовыражения, демонстрируя стиль и сценический образ.
Фото показаны на сайте в полноэкранном режиме с наложением навигации поверх фото-подложки. Такое решение смотрится очень эффектно. Элементы навигации сайта имеют два стиля отображения — для темных и светлых фоновых фотографий.
Для смены кадров фотоальбома мы разработали крутой паралаксный эффект убирающий верхнее фото в узких горизонтальных масках со случайной скоростью.
Для Ксаны мы разработали и интегрировали мобильные версии дизайна всех страниц сайта. Их отличает вертикальная ориентация контента и свернутая ы узкую полосу боковое левое меню.
Сайт собран в системе управления 1С-Битрикс.
Посмотрите также наш кейс в портфолио по разработке логотипа сайты Ксаны.