Дизайн страницы в Figma.

Здравствуйте, к сожалению наш дизайнер попала в больницу, и я поэтому ищу фрилансера для выполнения заказа в кратчайшие сроки.

Вначале вам конечно же понадобится разобраться с текущим проектом в Figma. 

Нужно придерживаться уже существующего стиля. Даже если у вас есть своё мнение. Вот ссылка на фигму - https://www.figma.com/file/PuU4p3OuVMQ44Rwaz8CJOO/GZ?node-id=0%3A1. 

Пожалуйста укажите в вашей ставке работали ли вы с фигмой ранее. 

Сделать нужно страницу оформления заказа, как десктоп так и мобильную версию.

А также внести ряд правок на текущих страницах:

• Блок с товаром. У нас есть два вида блока с товаром, для показа в списке. На обоих нужно добавить метку Быстрая доставка. ( Эта метка означает, что доставка товара возможна в этот же день, даже поздно вечером. )

• Просмотр товара. Десктоп и Мобильный:

  • Сделать скидку более выраженной. Сейчас недостаточно выделяется то что это именно новая цена.

  • Добавить метку поле с метками, по аналогии как в цитрусе. И поместить туда две метки - Товар дня, и Быстрая доставка.

• Страница категории. Страницы категории и результатов поиска выглядят одинаково, за небольшим различием. На странице категории есть название категории. Также может быть но не обязательно, небольшая картинка с изображением своего рода логотип категории, и текст до 5 строчек текста с коротким описанием категории.

• Страница результатов поиска Десктоп и Мобильный. 

  • Добавить большую строку поиска вверху. Да в хедере есть кнопка с выезжающей строкой поиска но именно на этой строке должны быть отдельно большой, сразу готовая к заполнению.

Описание страницы оформления заказа:

Вначале описание логики работы этой страницы:

• Можно использовать промокоды которые дают скидку. Но промокоды могут быть двух типов, те что действуют на всю корзину, и на определенные товары. Поэтому поле ввода одно. Но после вводе и нажаития использовать. Промокод появляется рядом с каждым товаром. Или если, это промо на всю корзину, то рядом с суммарной ценой и делает скидку. Также можно удалить каждый из добавленных кодов.

• Рядом с теми товарами у которых есть быстрая доставка должна быть пометка об этом. Так как в блоке с доставкой,  в случае если это доставка курьером, то есть возможность выбрать доставку в тот же день. Но доставка в тот же день возможно только если в корзине есть только тавры с такой возможностью. Если же в корзине помимо товаров с быстрой доставкой есть товар без такой метки. То возможность выбрать быстрою доставку заблокированна, и должно быть написано  - для быстрой доставки в корзине должны быть только товары с пометкой - “Быстрая доставка.”

• Здесь есть разные блоки которые появляются зависимо от выбора. Например, Если покупатель выберет доставку курьером то поля для заполнения одни, елси доставку Почтой то другие. Тоже действует и для способов оплаты. 

• Также здесь есть НЕ обязательная возможность заполнить данные о животном, чтобы магазин мог лучше подобрать и возможно посоветовать что-то. 

Более детально поля и блоки.

• Данные о покупателе

  • Номер телефона. Обязательное поле.

  • Имя Фамилия. Это одно поле

• Необязательный блок с заполнением данных о животном. 

• Список товаров. Обратите внимание, что здесь один и тот же товар но с разной фасовкой отображается отдельно. Например корм на 500гр. и тот же корм но на 5кг. Это две позиции в списке.

  • Фото товара.

  • Название.

  • Фасовка. ( 500гр или 1кг )

  • Цена. Если есть скидка то - оригинальная цена перечеркнутая и скидочная. 

  • Промокод, если он был введён для этого товара.

• Сумма заказа

  • Оригинальная сумма.

  • Размер скидки.

  • Сумма окончательная с учетом скидок.

  • Персональная скидка она не всегда есть. Но всё же для неё должно быть место.

  • Промокод который применили. Если его применили.

• Поле для ввода промокода. 

• Доставка. 

  • Курьером

    • Поле для ввода адреса.

    • Выбор желаемого времени доставки.

    • Быстрая доставка в день заказа. Если же она не возможна то текст с объяснением почему нет.

  • Новой почтой. 

    • Город

    • Номер отделения

  • Укра почта

    • Город

    • Номер отделения.

• Способ оплаты.

  • Наличными курьеру.

  • Перевод на карточку.

  • С помощью LiqPay

    • Если выбран этот пункт то появляется кнопка для перехода в LiqPay

  • Наложенный платёж.

• Обратный звонок

  • Поля для указания когда лучше позвонить для подтверждения. Или вовсе не звонить. Или в любое время.

• Кнопка оформить.