Закажите услуги фрилансеров для вашего проекта прямо сейчас!

Размещение заказа на фриланс бирже бесплатно.

1 год назад
Александр
51 год, Россия
1 год в сервисе
Был онлайн 6 месяцев назад
1 год назад

Движок шоп скрипт. Нужен редизайн (макеты есть) и доработки
Задача: Сверстать и установить на тестовый поддомен (можно на своём, можно создать на нашем хостинге) новую версию сайта  После завершения работ, тестирования и принятия заказчиком сайта - перенести новый дизайн на основной домен. 
Сайт, на котором будет разрабатываться дизайн, закрыть от индексирования с помощью файла robots.txt правилом User-agent: *Disallow: /
Техническое задание. 
Адаптивный дизайн.Кроссбраузерность, сайт должен одинаково отображаться в последних версиях браузеров Chrome, Edge, Opera, Firefox, Safari. В случае, если у пользователя старая версия браузера, предложить ему решение от
После окончания разработки предоставить инструкцию, как работать с сайтом (где меняется информация, размещенная на сайте).
Ссылки в верстке При верстке сайта просьба использовать относительные, а не абсолютные ссылки. Это позволит избежать проблем при смене протокола, зеркала, домена и пр.
МикроразметкаОбязательные виды микроразметки для всего сайтаOrganizationLocalBusinessWebSiteДля страницы товаров делаем микроразметку Product Также обязательно реализовать микроразметку Так как у сайта есть много уникальных фотографий, необходимо сделать разметку изображений Хлебные крошки breadcrumbsКапча Google для сайтаЧтобы не получать тонну спама, прошу установить на формы капчу от Google. Валидация кодаНеобходимо, чтобы при проверке валидатором у сайта не было критичных ошибок. Скорость сайта Требование по скорости загрузки страницы - до 3 секунд.Проверяем через , тест из Лондона  для ПК: зеленая отметка, для мобильных - желтая, но не ниже 60. Favicon сайтаСделать favicon сайта - изображение из логотипаКонсультантПо желанию заказчика на сайте может быть установлен консультант, рекомендую решение от JivoSite - код для вставки предоставит заказчик. 
Отображение блоков на страницахИспользовать заголовки h при верстке не нужно, буду прописывать, какие элементы должны быть заголовками на странице. Хлебные крошкиПо всем страницам хлебные крошки идут от главной страницы сайта. Главная страница - кликабельная. Обязательно реализовать микроразметку хлебных крошек. Относится ко всем страницам. Это отображение по умолчанию. Дублирование страницНеобходимо установить плагин дублирования страниц и проверить, чтобы при дублировании всё редактировалось и не слетали стили.Цели от Яндекс МетрикиНа сайте будем устанавливать цели от Яндекс Метрики. Сделано это будет после того, как сайт будет готов.Общие разделы на сайте Общие разделы - это такие разделы в управлении сайтом, которые пользователь заполняет 1 раз, чтобы не дублировать каждый раз на каждой новой странице.
Эти разделы должны быть вынесены в отдельный раздел в админке сайта. На страницах, где используются эти блоки, просто выводить их в коде, не нужно выводить на самих страницах. К ним могут относиться: 


  1. Наши преимущества
  2. Отзывы
  3. Карта (из Яндекс Справочника)
  4. Логотипы банков и платежных систем

Обязательное требование. Все тексты, которые представлены на сайте, за исключением общих разделов, должны редактироваться из админки сайта. Все изображения, которые участвуют не в дизайне сайта (к примеру, фотографии людей из видеоотзывах, фото видеообращения директора) - должна быть возможность их удобно изменить из админки сайта. То же касается блоков ссылок на страницах.Заполнение полейЕсли в каком-то поле (например, номер телефона) предполагается ввод только цифр/букв, реализовать выдачу ошибки при неправильном вводе. Пример: надо ввести имя, а клиент написал цифры  Шапка сайтаПри клике на логотип - ссылка на главную страницу. Текстовая часть логотипа должна быть сверстана текстом, а не быть картинкой. 
Поиск. При нажатии на значок поиска раскрывается поисковая строка, в которую можно ввести запрос . При нажатии на Enter или кнопку “Искать” осуществляется поиск по введенному запросу.
Номер телефона. Номер можно менять в админке. При нажатии на номер или иконку телефона происходит действие звонка.При нажатии на кнопку “Заказать звонок” появляется всплывающее окно. Нарисовать всплывающее окно обратного звонка. Пример  
Личный кабинет. Если клиент не авторизован, то эта часть шапки выглядит так . При нажатии на кнопку “Войти/Регистрация” появляется всплывающее окно (сделать такое окно дизайнеру) с возможностью авторизоваться. Пример
Когда клиент авторизован, это выглядит так - . Имя и изображение подтягивается из личного кабинета. При нажатии на кнопку “Выйти” клиент выходит.
Корзина. Если корзина пустая, то она отображается так  Если в ней есть товар, то отображается общая сумма товаров в корзине и их количество . При нажатии на “Оформить заказ” происходит переход на страницу оформления заказа.
При нажатии на значок корзины появляется всплывающее окно , с котором можно посмотреть товары, которые добавлены в корзину. Нажав крестик рядом с товаром, его можно удалить из корзины.При нажатии на “Оформить заказ” происходит переход на страницу оформления заказа.Закрыть всплывающее окно можно, нажав на любую область вне этого окна или на крестик вверху (сделать крестик
Верхнее меню  
Каталог - выпадающее меню с товарами. При нажатии на Каталог выпадает меню с категориями . Их количество, названия и ссылки можно менять. При нажатии на категорию происходит переход на ее страницу.
При нажатии на служебные страницы происходит переход на эти страницы. Названия, количество и ссылки всех пунктов меню можно менять в админке.Футер сайтаТЗ на логотип такое же как и в шапке. 
Служебные страницы. При нажатии происходит переход на соответствующую страницу. Можно менять названия, количество страниц и ссылки.
При клике на почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).
При клике на телефон или иконку телефона - действие звонка.
Политика конфиденциальности. При нажатии происходит переход на страницу с политикой конфиденциальности. Нет дизайна этой страницы.
Контактную информацию (адрес, эл. почту, номер телефона, время работы) можно редактировать. Делать это необходимо в одном месте в админке.КаталогНаша чайная коллекция - h1. Текст можно поменять в админке.
Подбор по параметрам.  Можно выбрать нужные характеристики, отметив их галочкой. Цена (минимум и максимум) выбирается ползунком или же ручным вводом.При нажатии на кнопку “Показать” применяется фильтр и отображается только тот товар, который соответствует выбранным параметрам.
Боковое меню навигации . При выборе категории происходит переход на соответствующую страницу. Это меню формируется из каталога сайта.
Блок “Вы смотрели” . Здесь отображаются последние три товара, которые клиент смотрел ранее. При нажатии на товар происходит переход на страницу товара. Убрать кнопку “Смотреть все”. 
Отображение товара плитками или списком . По умолчанию товар отображается плитками. Если нажать на отображение списком, то внешний вид карточек товара меняется  
Карточки товара . Вся информация (фотография, плашки, рейтинг, в наличии/нет в наличии, название, характеристики, цена) подтягивается со страницы товара.При нажатии на фотографию или название товара происходит переход на страницу товара.При наведении на карточку товара появляется кнопка “Добавить в избранное”

При нажатии на кнопку “Купить в один клик” появляется всплывающее окно с возможностью оставить имя и номер телефона. Надо отрисовать данное окно
При нажатии на кнопку “В корзину” товар добавляется в корзину. Появляется всплывающее окно “Товар добавлен в корзину. Перейти в корзину или продолжить покупки?” Надо отрисовать.Если товар добавлен в корзину, это отображается на карточке товара - кнопка “В корзину” меняется на “В корзине”  
Между карточек товара возможно наличие блока с релевантной статьей . Заголовок и изображение подтягиваются из статьи, при нажатии на кнопку “Читать” происходит переход на страницу статьи. 
Блок “Специальное предложение” . Текст можно менять. При нажатии на кнопку “Подробнее” происходит переход на страницу “Специальное предложения”. Текст и ссылку кнопки можно менять.

Блок с сопутствующими товарами . Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Чайная посуда и аксессуары - h2
Блок “Наши преимущества” - h2. Иконки, заголовки, текст и количество преимуществ можно менять. 
Специальное предложениеНа этой странице находится товар по скидке. Весь функционал соответствует каталожной странице, описанной выше.Если возможно, реализовать возможность автоматического добавления товара на эту страницу, если у него стоит плашка “Скидка”Страница товараПлашки можно добавлять и убирать. Можно менять их количество. Все заголовки, описания, текст, изображения и их количество можно менять.
- h1

Рейтинг товара - общий рейтинг из оценок клиентов. Поставить оценку товару можно при оставлении отзыва. Если ни одной оценки еще не стоит, звездочки будут пустыми.

Баллы за покупку автоматически высчитываются из цены. Можно изменить процент, который возвращается баллами.
Артикул можно менять.
Фотографии и видео. По умолчанию отображается первое изображение/видео. Ниже можно выбрать другое изображение. Если это видео, то оно реализуется так: превью - фотография, которую можно менять. Само видео подгружается из Ютуб при нажатии на значок видео  
Цена и характеристики меняются. Можно показывать 2 цены (новая и перечеркнутая старая), а можно одну.
При нажатии на кнопку “Узнать о снижении цены” появляется всплывающее окно с возможностью оставить электронную почту, на которую придет письмо при снижении цены. Надо отрисовать это окно
При нажатии на кнопку “Сохранить в избранном” товар добавляется в Избранное”
При нажатии на кнопку “Добавить в корзину”, товар добавляется в корзину.
При нажатии на кнопку “Купить в один клик” появляется всплывающее окно с возможность заполнить имя и номер телефона. 
Описание - h2Описание можно менять.
Отзывы - h2Отрисовать окно, в котором клиент может написать отзыв и поставить оценку. Также добавить оценку у отзывов (клиент ставит оценку товару, когда оставляет отзыв пример ). Также посетители сайта могут оставлять ответы на комментарии, нажав на кнопку “Ответить” под нужным комментарием.
Блок “Подборки Шу Пуэр” - h2Перелинковка на категории товаров. Можно менять количество категорий, их название и ссылки.
Рекомендуем также - h2. Блок с карточками товара. Подтягиваются самые популярные товары из категории, в которой находится товар с данной страницы.При нажатии на кнопку “Смотреть все” происходит переход на категорию товаров.

Эксклюзив от Жука. ТЗ на этот блок есть в Каталоге.
С этим товаром покупают - h2.Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Чайная посуда и аксессуары - h2
Наши преимущества. ТЗ есть выше.Оформление заказа (страница корзины)  Корзина, когда товара в ней нетЕсли мы очистили корзину или не добавляли товар, то выглядит она так -  
При нажатии на кнопку “Смотреть каталог” мы переходим на страницу каталога.Корзина, когда товар в ней естьВ корзине вы видим товар, который мы туда добавили. Количество товара - и сумму . Меняется эта информация, соответственно, из-за количества добавленного товара и суммы цен этих товаров.
Кнопка “Очистить” . При нажатии на эту кнопку все товары из корзину удаляются.
Товар в корзине . Изображение и название подтягивается из карточки товара. Кол-во: 1 - Количество меняется, если изменить количество товара с помощью кнопок увеличения и уменьшения .Цена подтягивается из карточки товара. Если цена по акции, то в корзине отображается старая и новая цена , если такого нет, то отображается одна цена . Также цена меняется при увеличении или уменьшении количества товара.Крестик удаляет товар из корзины.
Если человек авторизован и ему положены какие-то купоны на скидку, в корзине будет предложение применить купон  При нажатии на кнопку “Применить” купон автоматически подтягивается в окошко “Код купона”  
Код купона. Поле, в которое клиент может самостоятельно вписать код купона или же он подтянется самостоятельно после нажатия на кнопку “Применить”, как это описано выше.
Когда купон применен, появляется кнопка “Отменить купон” , при нажатии на которую появляется всплывающее окно с подтвержением или отменой действия . При нажатии на “Нет” действие отменяется, при нажатии на “Да, уверен” действие купона отменяется и окошко становится пустым.
Дисконтная карта. Поле, в которое клиент может вписать номер своей дисконтной карты.
Сумма заказа - сумарная стоимость всех продуктов в корзине.Стоимость доставки - если доставка расчитывается только в следующих шагах, то насколько целесообразно писать ее стоимость здесь?
Общая скидка - сумма скидки после применения купона и/или дисконтной карты, если ее наличие предполагает скидку.Бонусы на карту - количество бонусов, которые зачислятся на карту после совершения покупкиИтого - итоговая сумма заказа, которая складывается из общей цены товаров, стоимости доставки и вычетом общей скидки. 
Кнопка “Оформить заказ” . При нажатии на кнопку появляются следующие блоки для ввода контактной информации .
Если клиент не авторизован, ему будет предложено войти в учетную запись . При нажатии на кнопку “Войти” появится всплывающее окно с предложением ввести логин и пароль. После авторизации верхний блок изменится на описанный ниже “Если же он авторизован…”
Если же он авторизован, то блок будет другой - фотография и имя подтягиваются из личного кабинета. При нажатии на кнопку “Выйдите из учетной записи” - будет совершен выход и данный блок поменяется на описанный выше “Если клиент не авторизован…”
Блок “Контакты” . Если клиент авторизован, то имя, фамилия, контактный телефон и e-mail подтягиваются из личного кабинета (если эта информация заполнена там). Если какой-то информации в личном кабинете нет или же клиент не авторизован, всю информацию можно ввести вручную. Также можно вручную исправить подтянутую из личного кабинета информацию, если это требуется. При нажатии на “Политику обработки персональных данных” осуществляется переход на соответствующую страницу.
Блок “Доставка”. Поля с контакной информацией , так же, как и информация из блока “Контакты” подтягивается из личного кабинета или вводится вручную.
Регион - выпадающий список регионов, в котором нужно выбрать свой регион. От выбора меняется стоимость, сроки и варианты доставки.
Варианты доставки . Можно выбрать подходящий  вариант с помощью нажатия на него. Выбранный вариант отмечен справа , и также остальные варианты выглядят неактивными (серыми). Логотипы, названия, описания и количество вариантов можно менять в админке. Стоимость доставки, приблизительные сроки и пункты выдачи заказов подтягиваются из сервисов на основании API-ключа (запросить у клиента API-ключ)
Почта России. Ссылка на страницу с алгоритмом расчета стоимости доставки на сайте Почты России .СДЭК. Информация подтягивается из сервисов, как написано выше. Можно выбрать пункт самовывоза, нажав на него. От этого может измениться стоимость доставки.Самовывоз. Можно менять название и описание.Бесплатная доставка. Можно менять название и описание.
Блок “Оплата”. Можно менять количество вариантов оплаты и их описание. Выбирается нажатием на нужный вариант.
Кнопка “Далее”. При нажатии осуществляется переход на подтверждение заказа .
Блок “Получатель” и Доставка по адресу подтягивается из заполненных в предыдущих блоках данных.
Блок “Вы заказали” . Данные подтягиваются из корзины.

Блок “Оплата” . Данные подтягиваются из предыдущих блоков.
Блок “Комментарий к заказу”. Клиент может вручную написать комментарий, который сможет увидеть сотрудник при обработке заказа. 
Кнопка “Перейти к оплате”. При нажатии на кнопку происходит переход на страницу оплаты через интернет-эквайринг. Попросить у клиента информацию об эквайрингеОплата и доставка  Все заголовки и весь текст на странице можно поменять в админке. Текст красного цвета - не ссылки, это просто выделение текста для акцентирования внимания.
Доставка и оплата - h1
Наличный расчет - h2
Банковской картой - h2Иконки платежных систем можно менять в админке.
Доставка - h2
Возврат - h2О нашем клубе  При переходе по ссылке из меню мы автоматически попадаем на страницу “О компании”, на которой сбоку есть меню навигации . При нажатии на ссылку происходит переход на соответствующую страницу. В админке можно менять количество страниц, их название и ссылки. Такое меню есть на каждой из страниц, которые содержатся в меню. Это меню перемещается вниз при скроллинге страницы. О компанииЗаголовок “О компании” - h1 Можно менять в админке. Все заголовки, весь текст и фотографии можно менять в админке.
Блок “Для партнеров” - h2. Заголовки “Оптовые закупки” и франчайзи” можно менять. Описание - тоже. При нажатии на каждую из кнопок “Подробнее” происходит переход на соответствующую страницу. Названия кнопок и ссылки можно менять.
Блок “Наши преимущества”. Иконки, заголовки, текст и количество преимуществ можно менять.ОптовикамЗаголовок Оптовикам - h1. Его, как и все остальные заголовки на странице, можно менять в админке. Весь текст на странице можно менять.Продажа чая оптом - h215 причин заказать у нас - h2Предлагаем широкий ассортимент элитных сортов чая - h2Китайский чай оптом - h2
Для сотрудничества оставляйте заявку на: эл. почта. Адрес электронной почты можно менять. При нажатии на почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).
Блок “Специальное предложение”. Заголовок можно менять. При нажатии на кнопку “Подробнее” появляется всплывающее окно, как при заказе обратного звонка.
Блок “Наши преимущества” аналогичен такому же блоку на странице “О компании”.Политика конфиденциальностиНет дизайна этого разделаПолезное  Тематический блог - h1 Текст можно менять в админке.
Карточки статей . Изображение и название статьи подтягивается непосредственно из самой статьи.
При нажатии на “Читать” происходит переход на страницу статьи.Страница статьиИзображение, заголовоки и весь текст можно менять в админке.
Влияние микрофлоры на качество шу пуэра - h1
Блок с комментариями Комментарии - h2Реализовать такой же функционал, как у отзывов. Но без рейтинга. 
Блок “Подборки Шу Пуэр” - h2Перелинковка на категории товаров. Можно менять количество категорий, их название и ссылки.
Блок “Рекомендуем Шу Пуэры” - h2Блок с карточками товара. Популярные товары из релевантной категории.При нажатии на кнопку “Смотреть все” происходит переход на категорию товаров

Блок “Эксклюзив от Жука”. Можно менять заголовок и описание. При нажатии на кнопку “Подробнее” появляется всплывающее окно, как при заказе обратного звонка.
Блок “Другие статьи” - h2Карточки других статей. Автоматически подтягиваются 3 последние добавленные статьи, но также можно выбрать в админке, какие статьи будут показаны.Контакты  Все заголовки и весь текст на странице можно поменять в админке.
Контакты - h1 
Чайный клуб “Золотой Жук” - h2Адрес, телефоны и почта должна подтягиваться автоматически из настроек сайта.При нажатии на эл. почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).
Реквизиты - h2
Как добраться - h2.Карта реализована с помощью конструктора Яндекс Карт. Заказчик может выбрать вариант с картой из Яндекс Справочника, выглядеть это будет гораздо информативнее, пример:
Для получения такого кода необходимо зайти в Яндекс Справочник, далее раздел Реклама - Карта на сайт И скопировать код для вставки.Избранное  Отложенные товары - h1
Здесь отображаются товары, которые клиент добавил в избранное. Если клиент авторизован, эти товары сохраняются, пока клиент там их не удалит.
Если клиент не авторизован, товары в избранном сохраняются, даже если пользователь покинул сайт
Кнопка “Очистить” удаляет все товары из избранного. 
Удалить один товар из избранного можно, убрав отметку на карточке товара (нажать снова на сердечко)

ТЗ на карточки товара такое же, как в каталоге.
Блок “Специальное предложение”. ТЗ есть выше.
Блок “Рекомендуем” - h2. Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Личный кабинетПри переходе по ссылке из меню мы автоматически попадаем на страницу “Мой профиль”, на которой сбоку есть меню навигации . При нажатии на ссылку происходит переход на соответствующую страницу. В админке можно менять количество страниц, их название и ссылки. Такое меню есть на каждой из страниц, которые содержатся в меню. Это меню перемещается вниз при скроллинге страницы.Мой профиль - h1Личные данные - h2При нажатии на кнопку “Редактировать” появляется окно “Редактировать профиль”  Клиент может заполнить/поменять свои контактные данные.
Кнопка “Сохранить” сохраняет данные и закрывает редактирование.Кнопка “Отменить” отменяет редактирование и закрывает его.
В профиле отображаются все заполненные данные  
Не понятно, как загрузить фотографию (на скринах видно, что когда человек авторизован, в шапке сайта отображается его имя и фотография, но как загрузить фотографию?)
Связанные аккаунты - h2Здесь отображаются аккаунты, которые клиент привязал к профилю.
Подключить аккаунты - h2Здесь отображаются аккаунты, которые еще не были подключены клиентом. Реализовать возможность подключения аккаунтовМои заказы - h1На этой странице отображаются все заказы, которые сдела клиент, и их статус.
При нажатии на кнопку “Показать детали” открывается просмотр заказа .
Здесь отображена вся информация по заказу.

При нажатии на кнопку “Повторить заказ” открывается страница оформления заказа с автоматически добавленными товарами из заказа, который клиент хочет повторить. Моя скидка - h1Нет дизайна этого разделаПартнерская программа - h1Нет дизайна этого разделаСтраница отзывов  Нет дизайна этой страницы

  1. Прием заявок
  2. Выбор исполнителя
  3. Выполнение заказа
  4. Обмен отзывами
Андрей Роабиш
27 лет, Украина
9 лет в сервисе
Был онлайн 2 дня назад
55 отзывов2 новых
1 год назад
  • Интернет-магазин: Кондиционеры
    385 просмотров
  • Интернет-магазин: автозапчастей AVTOEXPERT
    407 просмотров
  • Интернет-магазин: МАЛАМУТ (ZOO товары для животных
    782 просмотра
  • Интернет-магазин: CraftGates (ворота)
    550 просмотров
  • Интернет-магазин: одежды ENILAND
    861 просмотр

Другие заказы в категории «Интернет-магазины»

Здесь заказчик и фрилансеры могут обсуждать заказ до начала его выполнения.
Фрилансеры могут участвовать в обсуждении только после подачи заявки.
Здесь заказчик будет контролировать выполнение заказа и общаться с исполнителем.
Доступ к этому разделу имеют только заказчик и выбранный исполнитель.
Все материалы этого раздела закрыты от поисковых систем.