AT-Dance

Сайты
Сайт школы танцев Алёны Трепалиной
at-dance.ru

Адрес: at-dance.ru

Год: 2015

Сайт-визитка, галерея, адаптивный дизайн

Технологии: WordPress

AT-Dance — школа танцев, обучающая хастлу, твисту и акробатическому рок-н-роллу. Сайт at-dance.ru — очень индивидуальная работа, созданная под нужды конкретного человека.
    • Дизайн разработан в ретро-стилистике, так как музыкальные стили, под которые танцуют в школе, относятся примерно к шестидесятым годам прошлого века. Однако в то же время дизайн — очень современный и отвечает всем актуальным тенденциям: социальные иконки, видео и фото галереи, адаптивный дизайн и кнопки вместо гиперссылок. Основное внимание при создании сайта уделялось мобильной версии и адаптивности, чтобы сайт на экране смартфона был похож на экран мобильного приложения.
MobileAtDanceMain
MobileAtDanceVideo
MobileAtDanceTable
  • Хотя тема по-умолчанию неплохо справлялась с поставленными задачами, практически весь CSS был переписан с нуля. Для дочерней темы было дописано выпадающее меню на чистом CSS, кнопка «вверх», а также добавлены три области виджетов в футер сайта.
  • Так как сайт разрабатывался под конкретного человека, то это отразилось и на выборе технологий. Сайт поддерживается не веб-мастером, а самой хозяйкой школы танцев, поэтому инструменты управления должны быть понятны человеку, далекому от мира it. Администратору должно быть легко и удобно добавлять новости, видео и фото материалы, не трогая оформление,разметку и не вставляя html код в страницы. Поэтому в качестве CMS был сделан выбор в пользу wordpress, который славится своим максимально дружелюбным к пользователю интерфейсом.
  • Ключевым моментом при создании сайта было создание видео-галереи. При добавлении видео, галерея должна была автоматически подхватывать новые материалы, чтобы не утруждать автора лишними действиями. Этого удалось достичь, дописав несколько небольших скриптов для плагина видео-галереи.
Рассказать друзьям:
Share on VKShare on FacebookShare on Google+Tweet about this on Twitter

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *