Zend Интеграция дизайна десктопа, адаптива; новой мобильной версии

Пишем в начале "Готов".  

Здравствуйте, уважаемые исполнители!  

Есть задание для программиста по доработке сайта сайта визитки услуг на zend framework. Ссылку на сайт, доступы к админке и фтп сбросим заинтересованным.  

ДОРАБОТКИ ДЕСКТОПНОЙ ВЕРСИИ

Дизайна и верстки нет, описано приблизительное отображение элементов будущего сайта

Главная

• Добавить в шаблон блок преимуществ (пример: https://prnt.sc/jl3ciw)
• Добавить в шаблон блок с галереей:

а) Обычная галерея с превью фотографий, которые можно открыть в

большом размере http://prntscr.com/jlk5lg (http://bestneon.com.ua/)

б) Блок с галереей, разбитой на категории http://prntscr.com/jlk6yx (http://stolitsa2000.com.ua/). При наведении на фото - всплывашка с названием компании клиента и продукцией http://prntscr.com/jlk76m

3) Добавить блок с google map и контактами, например как в http://prntscr.com/jlnfmw (http://mediapost.ua/). Добавить контакты: адрес, время работы, номер телефона, email отдела продаж http://prntscr.com/jll7nm.

Блок “Отзывы”

• Добавить блок “Отзывы” и кнопка “Все отзывы”, пример: http://prntscr.com/jlk97q.

Интеграция дизайна

Интегрировать в шаблон новый дизайн страниц  Главная, Продукция, Услуги, Контакты, О компании, Клиенты, Статьи, Примеры наших работ, Отзывы и благодарности

Сократить HTML

Включить кеширование

Оптимизировать изображения

Удалить коды JavaScript, блокирующие отображение верхней части страницы

Удалить коды CSS, блокирующие отображение верхней части страницы

Сократить JavaScript

Сократить время ответа сервера

Сократить HTML

Сократить CSS

МОБИЛЬНАЯ ВЕРСИЯ

Интеграция абсолютно нового дизайна мобильной версии

• Интеграция в шаблон нового дизайна, нарисованного специально для мобильных устройств (проверка на устройство - если мобильное - открываем мобильный шаблон).
• По структуре страниц ориентируемся на текущий.
• Главное меню http://prntscr.com/jlnyb5 нужно скрыть, оно будет отображаться при нажатии на иконку гамбургера. Пример: http://prntscr.com/jlkeub .
• Галерея под мобильные устройства с возможностью перелистывать фото и со стрелочками http://prntscr.com/jlmkxp http://prntscr.com/jlotk1.
• Футер. Нужно разместить контакты: адрес, время работы, номер телефона, email отдела продаж, вывести иконки соцсетей и оставить ссылки, которые в футере есть сейчас.
• Страница официальных отзывов под мобильные устройства (с возможностью перелистывания и со стрелочками) http://prntscr.com/jlmkxphttp://prntscr.com/jlotk1.
• Интеграция дизайна страниц:

Главная

Продукция (список)

Продукция (детальная)

Услуги (список)

Услуги (детальная)

Контакты

О компании

Клиенты (список)

Клиенты (детальная)

Статьи (список)

Статьи (детальная)

Примеры наших работ

Отзывы и благодарности

Комплексные решения (список)

Комплексные решения (детальная)

Интегрировать в шаблон адаптированную под мобильные устройства верстку

1) При открытии сайта на мобильном устройстве блоки должны переместиться друг под друга, их размер должен изменяться ( пример: http://origi.com.ua/).

2) Блоки на главной: блок преимуществ http://prntscr.com/jlm2xj , блоки “Услуги” (каждая услуга должна сместиться одна под другой), “Статьи” (под услугами) , блок с гугл-картой, блок “Отзывы” http://prntscr.com/jlk97q.

3) Интегрировать адаптированный дизайн страниц: 

Главная

Подробная страница продукции

Услуги

Контакты

О компании

Клиенты (список)

Клиенты (детальная)

Статьи

Примеры наших работ

Отзывы и благодарности

Подробная страница комплексного решения