Реализовать сайт на Shopify
В настоящее время мы находимся в процессе открытия нашего первого веб-сайта на платформе Shopify и заинтересованы в вашем опыте, чтобы помочь нам добавить некоторые динамические элементы на наш веб-сайт. Дизайн страницы продукта на Figma завершен, и мы ищем разработчика, который воплотит его в жизнь.
Вот краткое описание функций, которые мы хотели бы реализовать:
Версия для браузера :
-При нажатии открывается меню «Выбрать модель» с предварительно выбранным iPhone 14.
- Раздел «отзывы» на страницах продукта будет открыт и будет отображать отзывы клиентов, связанные с продуктом, меняющиеся каждые 5 секунд. Мы добавим данные отзывов к каждому продукту, если отзывов нет, раздел отзывов не будет виден.
- Когда продукты добавляются в корзину, индикатор выполнения заполняется, и как только он заполнится, клиенты получат бесплатную доставку.
-При наведении курсора мыши на кнопку в разделе Корзина кнопка изменит цвет на выбранный товар.
-Различные элементы на каждой странице продукта будут менять цвет в зависимости от основного цвета страницы продукта.
- Раздел «Дополнить образ» и «Рекомендуется для вас» добавит предварительно выбранные модели в корзину. Покупатель сможет изменить модель в корзине по своему усмотрению.
-Некоторые продукты будут иметь рекламные акции, которые можно будет выбрать при перечислении продукта.
- Там будет липкая кнопка добавить в корзину.
- Раздел описания будет иметь раскрывающийся список.
- Изображения продуктов будут меняться, когда пользователь меняет цветовую гамму.
Мобильный отзывчивый дизайн:
-Пользователи смогут переключаться между текстами в разделе заголовка, нажимая кнопки. Также текст будет меняться каждые 3-4 секунды.
- Карусель с изображениями.
- Раздел «Ссылки» в футере должен иметь раскрывающийся список, как на страницах продукта в части описания.
Технические детали:
- Модель и цвет продукта будут включены в схему URL для улучшения результатов SEO и прямого продвижения выбранной модели/цвета продукта. URL-адрес сделает варианты предварительно выбранными.
-Там будет таймер обратного отсчета для продуктов с доступными акциями.
- Акционные дополнительные товары будут добавлены в корзину вместе с основным товаром, а его цена будет отображаться как бесплатная.
-Некоторые выбранные продукты будут бесплатными, если покупатели добавят в корзину другой выбранный продукт.
- Разделы «Завершить образ» и «Объединить и сохранить» будут заполнены предварительно выбранными продуктами.
-Если покупатель выбирает устройство в разделе меню, это устройство будет предварительно выбрано при открытии страницы продукта.
- Мы определим шестнадцатеричный цвет для каждого цветового варианта продуктов, и цвета веб-страницы будут меняться в зависимости от выбранного цвета. Мы определим один цвет, и будет создана одна более мягкая и одна более темная монохроматическая палитра для текста, кнопок и т. д. для защиты контраста.
Я тоже разработчик, и мы можем работать вместе над некоторыми частями проекта.
Мы рады услышать ваши мысли и хотели бы узнать ваше ценовое предложение для этого проекта. Если мы удовлетворены вашей работой, мы будем рады рассмотреть возможность сотрудничества с вами для будущих проектов.
Кроме того, мы хотели бы организовать встречу, чтобы обсудить дизайн более подробно и провести пошаговое руководство по компонентам.