Создание официального сайта диджея и продюсера Sasha Dith
Разработал официальный сайт диджея Sasha Dith — легкий, стильный и сверхбыстрый лендинг на Next.js 14, адаптированный под все устройства и интегрированный с медиа-контентом артиста.
Клиент
Отрасль
Услуги
Веб-сайт
Проблема
До запуска проекта у артиста не было официального централизованного сайта, который бы объединял всю информацию:
- фанаты находили устаревшие данные в сторонних источниках;
- не было единой площадки для просмотра клипов и прослушивания музыки;
- продюсеры и организаторы не имели прямого канала связи для букинга.
Кроме того, существующие страницы в соцсетях не могли обеспечить нужный уровень презентации бренда — ни по дизайну, ни по скорости, ни по структуре.
Нужно было создать современный мультимедийный сайт, который решал бы три задачи одновременно:
- Эффективно представлял артиста;
- Объединял контент (видео, музыка, новости);
- Служил точкой входа для партнёров и фанатов.
Задача
- Создать официальный сайт-визитку для международного артиста.
- Визуально подчеркнуть индивидуальность, стиль и харизму диджея.
- Сфокусироваться на скорости и лёгкости навигации.
- Включить все необходимые разделы:
- О артисте (About)
- Видео-клипы (Videos)
- Музыкальные релизы (Music)
- Контакты / Букинг (Booking)
- Оптимизировать сайт под SEO и современный UX.
Результаты
- Сайт загружается менее чем за 1 секунду даже при большом объёме медиа.
- Полная адаптация под мобильные устройства, включая вертикальную навигацию и простые CTA.
- Контент стал централизованным — все клипы, релизы и биография собраны на одной платформе.
- Сайт стал официальным источником информации для СМИ, фанатов и промоутеров.
- Увеличена вовлеченность — пользователи просматривают клипы и переходят к прослушиванию музыки прямо с сайта.
- Артист получил имиджевый ресурс, который полностью соответствует его стилю.
Проделанная работа
Сайт создан с нуля на Next.js 14, с максимальным сохранением авторского дизайна.
Разработаны все блоки: о диджее, видеогалерея, каталог треков, форма для букинга.
Добавлены интерактивные видео из YouTube, обложки релизов и ссылки на стриминг-платформы.
Форма связи расположена на фоне живого концерта и адаптирована под мобильные устройства.
Сайт оптимизирован по скорости и весy изображений, а также по структуре кода — загрузка происходит мгновенно на любом устройстве.
Ключевые моменты проекта
Описание проекта
Описание проекта
Это официальный сайт диджея и продюсера Sasha Dith — международного артиста, чьи работы звучат в Европе и Азии.
Главная цель — создать единый ресурс, объединяющий видео, музыку и информацию о творчестве, а также дать возможность партнёрам связываться напрямую для букинга.
Визуальную концепцию предложил сам артист — тёмный фон, контрастные портреты и минималистичный дизайн.
Моя задача — технически реализовать эту концепцию так, чтобы сайт был максимально быстрым, лёгким и стабильным при большом объёме медиа.
Технологии
Next.js 14, React, TypeScript, CSS Modules, Vercel.
Особенности
- Лёгкий и чистый код без лишних зависимостей;
- Ленивая загрузка изображений и видео;
- SSR для SEO и скорости;
- Простая CMS-структура для обновлений;
- Оптимизация под Google Core Web Vitals.
Ключевой эффект
Сайт стал цифровой визиткой артиста — стильной, быстрой и запоминающейся.
Он отражает атмосферу Sasha Dith и создаёт правильное первое впечатление о бренде музыканта.
Используемые технологии
Next.js
React.js
Swiper
Хостинг и деплой
