Разработка персонального сайта певицы Ксаны (Оксана Сергиенко)

Статью прочитали — 1751 человек.

Сайт творческого человека — всегда сложная задача. Это баланс между чистым безбашенным творчеством и необходимостью структуризации контента.

Ксана (Оксана Сергиенко) потрясающе интересный человек, талантливый автор и исполнитель. Сфера творческого диапазона от джаза до роковых и популярных стилей. В портфолио Ксаны блестящие выступления на проекте «Голос», шоу «Точь-в-Точь», сольная карьера, участие в проекте Gregorian Opera и многое другое.

Задача

Создать сайт певицы. Рассказать об Оксане Сергиенко её творчестве, поделиться синглами, видео-контентом, избранными фотографиями.

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

На первой странице сайта мы расположили основное меню разделов, партнерские лейблы, представили певицу в окружении стиля диско-поп-арта.

Дизайн-концепт сайта

Концепция дизайна сайта строится на двух сегментах: титульной главной странице, которая транслирует визуальный стиль и настроения певицы сегодня (диско-поп) и внутренней части сайта — его разделы выполнены в темном атмосферном фоне. Внутренние страницы отличает левая навигационная панель задавая общий вертикальный ритм.

Главную страницу сайта и раздел контактов украшает анимация фирменного геометрического паттерна в стиле ментальной геометрии.

Раздел видео

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

Музыка на сайте

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

Подраздел синглов

Разделы истории, ленты инстаграм и контактов

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

Разработка фотоальбома

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

Фото показаны на сайте в полноэкранном режиме с наложением навигации поверх фото-подложки. Такое решение смотрится очень эффектно. Элементы навигации сайта имеют два стиля отображения — для темных и светлых фоновых фотографий.

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

Мобильная версия сайта

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

Сборка сайта

Сайт собран в системе управления 1С-Битрикс.

Посмотрите также наш кейс в портфолио по разработке логотипа сайты Ксаны.



Услуги связанные с проектом:





Понравились работы?

Напишите нам

Или посмотрите ещё :)

Газпромбанк Инжиниринг. Создание сайта компании

Газпромбанк Инжиниринг. Создание сайта компании

Крупнейший банк России доверил нам разработку сайта инжинирингового направления.
Разработка фирменного знака и стиля для самарской компании Продпоставка

Разработка фирменного знака и стиля для самарской компании Продпоставка

Ещё у одной компании в Самаре появился яркий фирменный стиль и позиционирование.
Создание сайта для ТЭК-ЭНЕРГО

Создание сайта для ТЭК-ЭНЕРГО

Рассказываем о создании сайта компании работающей над комплексными проектами в топливно-энергетическом комплексе.
Дизайн логотипа для ТЭК-ЭНЕРГО

Дизайн логотипа для ТЭК-ЭНЕРГО

Разработали логотип для команды профессионалов в топливно-энергетическом комплексе.
Создание сайта производственной компании ВМ Авто

Создание сайта производственной компании ВМ Авто

Как мы делали промо-сайт для производственной компании ВМ-Авто в сегменте автокомпонентов.
Дизайн и верстка каталога Пегас-Агро

Дизайн и верстка каталога Пегас-Агро

Наш кейс портфолио, где мы рассказываем о том как мы делали печатный каталог для Пегас-Агро.
Создание сайта торговой компании Диверс

Создание сайта торговой компании Диверс

Мы создали корпоративный сайт многопрофильной торговой компании Диверс. Авторский веб-дизайн в рамках комплексного проекта над позиционированием компании.
Логотип компании Диверс

Логотип компании Диверс

Создание логотипа для производственной компании Диверс (Москва).
Разработка персонального сайта певицы Ксаны (Оксана Сергиенко)

Разработка персонального сайта певицы Ксаны (Оксана Сергиенко)

Рассказываем о том, как мы делали сайт исполнительницы Ксаны.
Разработка логотипа певицы Ксаны (Оксана Сергиенко)

Разработка логотипа певицы Ксаны (Оксана Сергиенко)

Поработали над созданием логотипа и базовой дизайн-концепции для исполнительницы Ксаны
Разработка сайта NTEX-System

Разработка сайта NTEX-System

Разработали сайт компании — поставщика электротехнического и взрывозащищенного оборудования.
Шаблон корпоративных презентаций для НРК-Р.О.С.Т

Шаблон корпоративных презентаций для НРК-Р.О.С.Т

Дизайн стиля корпоративных презентаций для группы компаний НРК - Р.О.С.Т.
Брендинг регистратора НРК - Р.О.С.Т.

Брендинг регистратора НРК - Р.О.С.Т.

Наш кейс разработки бренда лидера регистраторских услуг России.
Разработка сайта Самара-Альфа. Коммерческая недвижимость

Разработка сайта Самара-Альфа. Коммерческая недвижимость

Спроектировали и запустили крутой сайт компании в сегменте коммерческой недвижимости.
Визуальное позиционирование и логотип Game Box Advanced

Визуальное позиционирование и логотип Game Box Advanced

Разработка визуального позиционирования и логотипа для производителя игронайзеров настольных игр.
Логотип и фирменный стиль Ярмарки Самары

Логотип и фирменный стиль Ярмарки Самары

Разработка логотипа и фирменного стиля для муниципального оператора ярмарочной и торговой деятельности «Ярмарки Самары».
Разработка корпоративного промо-сайта Энектис

Разработка корпоративного промо-сайта Энектис

Создание промо-сайта для производственной компании в сфере поставок оборудования для топливно-энергетического комплекса. Регион: Москва.
Разработка презентации компании ВМ-Авто

Разработка презентации компании ВМ-Авто

Презентация для ВМ-Авто — хороший пример разработки «под ключ». Производственная фотосессия, дизайн, копирайтинг, верстка и сдача в типографию.
Разработка бренда и фирменный стиль Энектис

Разработка бренда и фирменный стиль Энектис

Комплекс работ по позиционированию, разработке бренд-концепции и фирменному стилю компании поставляющей оборудование для ТЭК.
Разработка логотипа для агентства интернет-маркетинга

Разработка логотипа для агентства интернет-маркетинга

Для агентства интернет-маркетинга «Captain ROI» мы разработали логотип и базовые элементы фирменного стиля.
Разработка презентации IT-компании

Разработка презентации IT-компании

Презентация IT-компании Nyxale для доклада на конференции «Revenue Assurance, Fraud, InfoSecurity & Risk Management».
Разработка сайта жилого комплекса Ладья и его PR-стратегия

Разработка сайта жилого комплекса Ладья и его PR-стратегия

Кейс разработки второй версии сайта жилого комплекса Ладья и его PR-стратегии.
Фирменный стиль и дизайн сайта для Нефтегазмонтаж

Фирменный стиль и дизайн сайта для Нефтегазмонтаж

Знак, фирменный стиль и шаблоны корпоративного сайта для компании нефтегазового сектора.
Фирменный стиль гео-центра Астана

Фирменный стиль гео-центра Астана

Гео-центр Астана, это комплекс услуг по геодезии и бурению в Казахстане. Мы поработали над фирменным стилем компании.
Логотип и фирменный стиль для нефтегазового сектора

Логотип и фирменный стиль для нефтегазового сектора

Логотип и фирменный стиль для компании Нефтегазпереработка.
Фирменный стиль и упаковка IT-бренда Оникс

Фирменный стиль и упаковка IT-бренда Оникс

Решение для IT-бренда Оникса — это разработка фирменного стиля и оригинальный бокс в секторе BigData
Разработка сайта журнала Самара и губерния "под ключ"

Разработка сайта журнала Самара и губерния "под ключ"

Мы поработали над созданием нового сайта Самара и Губерния
Разработка бренда, нейминг и сайт IT-компании Никсейл (Nyxale)

Разработка бренда, нейминг и сайт IT-компании Никсейл (Nyxale)

Брендинг, логотип, фирменный стиль и создание сайта IT-компании Nyxale.
Нейминг и фирменный стиль бренда Т.Элемент

Нейминг и фирменный стиль бренда Т.Элемент

Мы разработали имя, позиционирование и фирменный стиль нового B2B бренда в нефтегазовой отрасли
Кошелев-проект. Разработка промо-сайта

Кошелев-проект. Разработка промо-сайта

Создание сайта федерального проекта комплексной малоэтажной застройки с развитой социальной инфраструктурой.