Добрый день.
Требуется сверстать и натянуть на движок интернет-магазин по готовым исходникам в PSD.
Здесь можно ознакомиться с дизайном: https://dropmefiles.com/zdcRb
Верстка
Адаптивная, кроссбраузерная.
* все активные/ролловер состояния кнопок, иконок, стрелок и др. элементов сайта доступны в файлах psd в blind папках ROLLOVER (PSD вышлю исполнителю)
Главная:
- Верхнее меню: плавающая полоска под пунктом меню, находящимся под ховером;
- Поиск в хедере: поле поиска по умолчанию скрыто, видим только кнопку увеличительного стекла. При клике на кнопку, справа плавно выезжает поле поиска.
- Блок телефона в хедере: в адаптивной версии отображается, как значок трубки, при клике на который совершается звонок. http://fta.com.ua/ http://joxi.ru/Y2Ly7D6FnQwBvA
- Блок "Написать нам" в хедере - появление формы обратной связи с анимацией. Поля в форме: Имя, Телефон, Почта, Ваше сообщение. Поля имени, телефона и сообщения обязательны для заполнения. Поле почты - необязательно для заполнения. После отправки - появление сообщения "Спасибо за Ваше сообщение! Мы свяжемся с Вами в ближайшее время."
- Шапка - при скроллинге статична и перестраивается с целью уменьшения площади, пример: http://artjoker.ua/ru/
- Меню - плавающая полоска под пунктом меню, находящимся под ховером;
- Слайдер: вылет текста с задержкой относительно изображения, плавная и стильная анимация смены изображений. Происходит как автоматически с интервалом в 10 секунд, так и при клике; Слайды кликабельны и переносят пользователя на соответствующий раздел сайта.
- Блоки продукта. Данные фотографии http://joxi.ru/zANyNBdFl6lj72 http://joxi.ru/xAeJkXLSYgYgNr двигаются при скроллинге по принципу параллакса. Остальной блок статичен.
- Блок с заказом Тест-Драйва: горизонтальный вылет красного прямоугольника при скролле;
- Блок преимущества: горизонтальный вылет иконок при скролле (три иконки слева, три справа);
- Блок отзывы: выдача текста отзыва при на ведении на фото. Или, как вариант для реализации - горизонтальный скроллинг на блоке с отзывами;
- Футер: весь футер по умолчанию спрятан и появляется при скроллинге по принципу параллакса http://joxi.ru/n2YnW0eujZj7oA Пример: https://3drobotics.com/ http://joxi.ru/Q2KVyq5u9w9y0m
- Плавный скроллинг, как на данном сайте https://3drobotics.com/
Примеры отличной реализации верстки: http://drone.ua/ https://3drobotics.com/ http://artjoker.ua/ru/
По внутренним страницам не буду расписывать, все должно быть понятно из исходников. Если потребуется, по внутренним страницам так же все объясним. Единственное пожелание, не отображенное в PSD - параллакс в данном блоке http://joxi.ru/DrlNqMvI404kq2
Функционал
Главная
- модуль поиска по слову;
- модуль мультиязычности ru/en;
- модуль мультивалютности uah, usd, eur. При смене валюты происходит перерасчет цен на сайте по текущему курсу НБУ;
- модуль формы обратной связи;
- динамический слайдер;
- формы обратной связи на блоках продуктов. Поля в форме: Имя, Телефон, Почта, Ваше сообщение. Поля имени, телефона и сообщения обязательны для заполнения. Поле почты - необязательно для заполнения. На почту администратору должно приходить оповещение, что письмо было отправлено именно с данного продукта; После отправки - появление сообщения "Спасибо за Ваше сообщение! Мы свяжемся с Вами в ближайшее время."
- форма заказа бесплатного тест драйва. Поля в форме: Имя, Телефон, Почта, Ваше сообщение. Поля имени, телефона и сообщения обязательны для заполнения. Поле почты - необязательно для заполнения. На почту администратору должно приходить оповещение, что письмо было отправлено именно с данного блока; После отправки - появление сообщения "Спасибо за Ваше сообщение! Мы свяжемся с Вами в ближайшее время."
- модуль JivoSite (бесплатная версия);
- модуль CallMeHunter или бесплатные аналоги;
О компании
- статичная страница с возможностью редактирования текста, фото, видео;
- вывод новостных статей на страницу;
- динамическая подгрузка 4-х следующих новостей при клике;
Блог
- функционал блога с возможностью добавления статей;
- динамическая подгрузка 6-и следующих новостей при клике;
Отрасли
- функционал добавления блоков на страницу;
Страница конкретной отрасли (в джипегах - Сельское хозяйство)
- статичная страница с возможностью редактирования текста в обоих блоках;
- форма обратной связи (аналогично предыдущим формам);
Магазин
- вывод категорий на страницу с возможностью перехода на каждую категорию;
Корзина
Категория товара
- вывод превью товара по данной категории. При наведении на фотографию товара - смена фото на фотографию с другого ракурса. Пример: http://store.drone.ua/product-category/sensors/
- добавление товара в корзину сразу из превью, без перехода на карту товара;
Контакты
- модуль карты Google Maps;
Оплата и доставка
- статичная страница с текстовой информацией;
Карта товара
- увеличение фотографии товара при клике;
- увеличение дополнительных фотографий при клике;
- модуль отзывов к товару с возможностью модерации администратором;
- блок рекомендуемых товаров (возможность привязать к конкретному товару несколько смежных в админке);
Продукты
- возможность редактирования всего контента на странице и добавление новых продуктов на страницу;
Сервис
- возможность редактирования всего контента на странице и добавление новых сервисов на страницу;
Страница конкретной новости
- редактирование контента;
- шеринг в соц.сети;
- переключение между новостями;
Страница конкретной статьи блога
- редактирование контента;
- шеринг в соц.сети;
- переключение между постами;
Отзывы
- возможность добавлять новые отзывы администратором
- при клике на конкретный отзыв - раскрывается полный текст отзыва
CMS
Предпочтение к Magento, Bitrix, ShopScript, самопис, но рассматриваем и более популярные варианты; Большое значение при выборе движка отводится безопасности.
Внутренняя SEO оптимизация сайта
Система шифрования подключения к сайту по протоколу TLS 1.2 и получение сертификата безопасного подключения к домену SSL
------------------------------------------------------------------------------------------------------------------------------
Оплата в два этапа: 30% - утверждение верстки и 70% по факту сдачи всех работ на Вашем хостинге;
Для участия, пожалуйста, указывайте точные сроки и стоимость выполнения, а так же CMS, на которой планируете выполнять проект.
Спасибо!
