Требуется выполнить верстку React фронта по макету из Figma. Основное внимание на быструю и простую реализацию с использованием HTML. Ожидается качественная работа и соблюдение сроков.
Вёрстка, натяжка сайта на wordpress
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Проект сайта:
ТЗ по сайту.
Главная страница:
Шапка сайта:
Текст на слайдере включает в себя H1 заголовок (написано текстом)
Форма: Подберите коврики под свой автомобиль.
Выбор авто из каталога.
После выбора авто в 3-ем поле - открывается ссылка на товар (коврики в салон)
Кпопка ПОДОБРАТЬ - можно сказать декоративная.
При нажатии на неё поля подсвечиваются красным, побуждая к действию.
- Констурктор цветовых решений.
Меняется фон в автомобиле
Серый/бежевый/черный/коричневый
Фактура материала, цвет коврика,окантовки.
При нажатии Заказать коврики - открывается - отображается текстовый список авто (ниже)
Каталог ковриков
Популярные - отображаются Логотипы авто.
При выборе ВСЕ - отображается текстовый список авто.
Раздел рекомендуем:
Кликабельная картинка - ссылка на товар
при нажатии выбрать - товар добавляется в корзину.
Текст кнопки меняется - "В корзине" + белый фон
Блок:
Тест Ева ковриков на НТВ
Текст кнопки: Видео
Открывается инфейм окно с видео.
Youtube ?
Баннер:
Не знаете точную модель авто?
Кнопка Оставить заявку - скролл вниз на форму
"нужна помощь в выборе"
Структура сайта:
Главная страница
Каталог:/katalog/
Подкаталог: /katalog/bmw
ПОД Подкаталог: /katalog/bmw/X5/
Товары:
/products/mitsubishi-outlander-xl-2001-2010
Касаемо структуризации - нужно продумать момент, выше указан примерный образец.
Основой товар:
- коврики в салон
- коврик в багажник
Дополнительные товары:
- шильдик с маркой автомобиля
- подпятник металл/полимер
- сумка в багажник
- Накидки из алькантары
- коврик по своему размеру
- и т.д.
Карточка товара:
Блок видео,вопросы - автоскрол ниже в этот блок.
Скидка - параметр, желательно редактируемый, через админ панель.
Товар заказан 99раз - параметр прописываемый к товару.
Кпопка поделиться-
вацап/телеграмм/ВК/пару популярных/скопировать ссылку
Галерея
Мобильная версия нравится.
https://catalogsv.ru/product/proekt-bani-dubok/
Для Пк не очень.
В примере загружена фотография автомобиля. Сейчас уже переиграл этот момент - будет только фото ковриков.
Фото авто нужно, чтобы отображалось толко в каталоге.
Вопрос по добавлению товаров.
Для некоторых авто - есть вариант ковриков с бортиками, 3д лапа.
Т.е. этот параметр не у всех товаров нужен.
Другие авто из категории:
-отображаются авто из подкатегории.
Т.е. к примеру выбрано авто лада Веста
Показываются авто из подкатегории Веста.
Раскрывающиеся вкладки:
Описание, Характеристики, Совместимость, Видео
Корзина:
Под товаром кнопка Изменить.
Появляется вплывающее окно "Изменить параметры" (есть в дизайн проекте)
Чекауты готовы пока только мобильные версии, версии для ПК по ним отредактируются.
чекаут в проекте есть как в 1шаг (без расчёта стоимости оплаты и доставки) (запасной)
Так и в 3 шага (основной)
По 3 шагавому - есть такая задумка.
Данные которые заполнены на 1 шаге, даже если клиент не заполнит остальные, то всё-равно поступают в админ-панель в виде заказа.
Что-то вроде борьбы с оставленной корзиной.
Заявки фрилансеров
Похожие заказы
- $50HTML-верстка46 заявокЗакрыт2 года назад
- $130
Необходимо доработать вёрстку многостраничного сайта на Wordpress, внедрить функционал согласно ТЗ, создать сервер и базы данных. Требуются знания HTML, CSS, JS, PHP и Wordpress. Также потребуется интеграция системы оплаты. Оплата 10000 рублей, с возможностью разделения на части.
HTML-верстка5 заявокЗакрыт2 года назад Необхідно створити HTML-сайт з двома треками, які включають назву, трек та іконки, розміщені по центру. Використайте wavesurfer.js для реалізації вейвформи з респонсивним дизайном. Кнопка плей повинна змінюватися на паузу, а кнопка Download забезпечувати скачування треку. Додайте також функцію lazy load.
HTML-верстка11 заявокЗакрыт2 года назад- $100
Необходимо выполнить кроссбраузерную адаптивную верстку лендинга. Ожидается качественная HTML-верстка. Подробности и макет будут предоставлены в личной переписке.
HTML-верстка1 исполнительЗавершен2 года назад Требуется выполнить верстку квиза по предоставленному дизайну из Figma. Необходим чистый HTML-код. Срок выполнения — срочно. Обратите внимание на детали дизайна.
HTML-верстка1 исполнительЗавершен2 года назадТребуется выполнить сверстку главной страницы на основе предоставленного макета. Ожидается качественная HTML-верстка, соответствующая дизайну и требованиям веб-дизайна.
HTML-верстка86 заявокЗакрыт2 года назадНеобходимо сверстать простой макет для лабораторной работы по верстке. Важно следовать техническому заданию. Подробности и требования указаны в предоставленном ТЗ.
HTML-верстка1 исполнительЗакрыт2 года назадТребуется сверстать Word документ в HTML формат с учетом точного отображения при печати для генерации PDF. Важно соблюдать размеры и форматирование, чтобы избежать ошибок, которые были у предыдущих исполнителей. Необходимо понимание задач и возможных проблем при верстке, чтобы добиться качественного результата.
HTML-верстка25 заявокЗакрыт2 года назадНеобходимо сверстать одну простую страницу с использованием HTML. Ожидается качественная работа, соответствующая современным стандартам верстки. Уделите внимание структуре и семантике кода.
HTML-верстка106 заявокЗакрыт2 года назадТребуется сверстать макеты из Figma с учетом адаптивности и кроссбраузерности. Необходимо обеспечить легкую загрузку (Google PageSpeed 95+) и перфект пиксель. Все формы должны отправлять письма, а после отправки заменяться сообщением об успешной отправке. Установка на CMS не требуется. Укажите срок и сумму.
HTML-верстка1 исполнительЗавершен2 года назад