Вёрстка сайта для музыкального портала

Вёрстка сайта для музыкального портала 1
Версия для пк

Страницы

  1. Главная
  2. Исполнители
  3. Уведомления
  4. Клипы
  5. Часто задаваемые вопросы
  6. Кабинет
  7. Аудио-трек
  8. Аудио
  9. Список аудио
  10. Блог
  11. Объявления
  12. Объявление

Задача

Имея главную страницу сайта, стараясь не дублировать код создать еще 12 страниц сайта по макетам от дизайнера (ссылки внизу страницы).

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

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

Было чем-то новым разрабатывать код для песен в плейлисте:

Вёрстка сайта для музыкального портала 2
Списки песен в плейлисте.

Поле с продолжительностью песни можно нажимать и оно будет заполняться, сама линия идет градиентом, выглядит приятно.

Модульность

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

Например воспроизведение аудио:

Страница трека
Страница трека
Вёрстка сайта для музыкального портала 3
Страница публикации аудио
Вёрстка сайта для музыкального портала 4
Список аудио

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

Как на мобильном?

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

Вёрстка сайта для музыкального портала 5
Хочешь такой же результат?
Имя
Контакт для связи
Подробнее о проекте

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