Водное приключение
Переделать сайт
на новый дизайн
Исходнике предоставим в формате .psd
Примеры шаблонов страниц которые нужно сверстать в вложении
Сделать заново новый сайт на вордпресс у вас на хостинге (просто заменить тему нельзя – админка кастомная, нужно полностью сделать всё заново), после проверки заменить его на имеющейся на нашем хостинге, перенести контент.
Основные задачи:
1. Адаптивность. Вёрстка нужна под все разрешения мониторов включая самые большие и мобильные. У нас пропорции экрана 2560*1080, но есть разные макентоши разрешением за 3000 их тоже нужно учесть.
Левое меню статическое при любых разрешениях экрана как на этом сайте
2. Cкорость загрузки сайта. PageSpeed Insight – до зелёной зоны. Если какие-то страницы попадают в жёлтую – то будем выяснять причины и думать как лучше, что сделать.
3. Делать без использования сторонних плагинов, либо использовать до минимума.
4. Сделать графику при клики на плитки переходов и кнопки, чтобы расходились волны, так как водное приключение. При наведении плитки и кнопки, тоже сделать активными)
ВСЕГО НА САЙТЕ ПЛАНИРУЕТСЯ 7 ВИДОВ ШАБЛОНА
1. ГЛАВНАЯ СТРАНИЦА – 1 страница
2. УСЛУГИ – 7 страниц
3. ДОП УСЛУГИ – 2 страницы (сейчас данные страницы слиты с обычными страницами)
4. МАРШРУТЫ – 1 страница
5. РЕКИ – 17 страниц (перенос + корректировка url)
6. БЛОГ – общая 1 страница
7. СТАТЬИ БЛОГА – 18 страница (перенести с сохранением url)
8. Соглашение об обработке персональных данных 1 страница
_______________________________
1.
СТРУКТУРА ГЛАВНОЙ
1.1 Организация водных походов и сплавов по рекам (<H1> на главном экране)
Подзаголовок <p> + кнопка подробнее с переходом на соответствующею страницу динамические ( автоматическая смена + смена стрелками)
1.2 Блок Возможности (название блока <p>)
1.3 Блок Услуги (<p>)
Карусель показывает по 3 услуги переключение услуг стрелочками. Соответственно 7 услуг с переходам на 7 страницы при клике на квадратик.
1.4. Видео (название блока <p>)
Видео будет не с внешней ссылки, а с сайта
1.5. Наша команда (<p>)
1.6 Оборудование (<p>)
1.7 Прошедшие мероприятия (<p>) (галерея)
Индивидуальная галерея для каждой страницы
Каждая фотография подписана alt – из БД подставлять h1
1.8 Отзывы клиентов (<p>)
1.9 Наши клиенты (<p>)
1.10 Текстовый блок (<p>)
Все 4 подзаголовка – h2
_________________________________________________________________
2.
СЛЕДУЮЩИЕ 7 СТРАНИЦ БУДУТ ПО СЛЕДУЮЩЕЙ СТРУКТУРЕ
Основной экран с картинкой
Заголовок (H1)
Подзаголовок (p)
Спецификация (p):
В каждой услуги своя спецификация (заполняется в админке на страницах)
далее все как в исходниках с заголовками (p)
Текстовый блок (<p>)
Все 4 подзаголовка – h2
_________________________________________________________________
ДОП УСЛУГИ
Главный экран (картинка – индивидуальная , alt – как h1)
H1
p
Текстовый блок h1 с 4я h2 другими стилями
______________________________________________________________
МАРШРУТЫ
Главный экран Маршруты (H1) картинка alt – как h1
Все подзаголовки h2 включая
Текстовый блок в нём тоже 4я h2 другими стилями
______________________________________________________________
СТРАНИЦЫ РЕКИ
Все страницы равнозначные, при выборе каждой остальные подтягиваются внизу в виде плиток
Верхняя картинка в главном экране везде одинаковая надпись реки (p)
Водный поход по реке Илыч (h1) Справа картинка подписываем alt как h1
В подвале дефолтно ставим не Илыч, а реку Угра
На всех страницах данного типа:
Убираем уровень вложенности в url
например
убираем
/portfolios/
делаем 301 редирект на
Добавление новых рек уже без /portfolios/
______________________________________________________________
БЛОГИ ОБЩАЯ
Делаем h1 на главном
______________________________________________________________
СТРАНИЦЫ БЛОГОВ
Индивидуальная для каждой страницы картинка главного экрана alt – как h1
Заголовок h1
______________________________________________________________