Ищется дизайнер для аккуратного точечного редизайна существующего сайта. Глобально стилистику менять нельзя.
Адрес сайта:
В качестве тестового задания предлагается переделать Header/Preheader (десктопная и мобильная версии), а также отрисовать вид карточки товара в категории каталога (десктопная и мобильная версии).
В дальнейшем, с победителем будет заключен договор на полный объем работ (цена и список работ обсуждаются отдельно).
Header/Preheader (десктопная версия) – первый экран:
1. Замена логотипа (ant-snab_logo-2020.psd)
2. Под текстовой частью логотипа надо добавить надпись "строительные материалы". Шрифт прилагается (Cuprum (logo).ttf)
3. От preheader можно отказаться, если информацию из него перенести в header.
4. Информация в header:
- номера телефонов 2 шт (495 и 8-800), но также надо предусмотреть корректное отображение одного телефона
- адрес электронной почты
- корзина (пустая/полная)
- сумма покупок (опционально)
- избранное (пустое/полное)
- сравнение (пустое/полное)
- график работы
- заказ звонка
- адрес (можно сократить до г. Москва)
Идеально было бы совместить в один блок корзину, сравнение и избранное.
Иконки телефонов и электронной почты – опционально.
Header/Preheader (десктопная версия) – прилепленный к верху при скроллинге:
Что должно остаться:
- логотип (иконка + текст)
- номера телефонов
- адрес электронной почты
- корзина (пустая/полная)
- сумма покупок (опционально)
- избранное (пустое/полное)
- сравнение (пустое/полное)
- заказ звонка
Что добавляется:
- меню в виде бутерброда (Главная, О компании...). Соответственно, при скроллинге полоса меню не закрепляется.
От чего можно отказаться в этом случае:
- график работы
- адрес.
Чем меньше по высоте будет прилепленная часть, тем лучше.
Header/Preheader (мобильная версия) – первый экран:
Что должно быть:
- логотип (только иконка)
- номера телефонов 2 шт (495 и 8-800), но также надо предусмотреть корректное отображение одного телефона
- адрес электронной почты
- корзина (пустая/полная)
- сумма покупок (опционально)
- избранное (пустое/полное)
- сравнение (пустое/полное)
- заказ звонка
- меню в виде бутерброда (Главная, О компании...)
- поиск (опционально)
Чем меньше хэдер будет по высоте, тем лучше.
Header/Preheader (десктопная версия) – прилепленный к верху при скроллинге:
Что должно остаться:
- логотип (только иконка)
- номера телефонов 2 шт (495 и 8-800), но также надо предусмотреть корректное отображение одного телефона
- адрес электронной почты
- корзина (пустая/полная)
- сумма покупок (опционально)
- избранное (пустое/полное)
- сравнение (пустое/полное)
- заказ звонка
- было бы идеально при прикреплении хэдера к верху, добавлять блок "каталог товаров + поиск + фильтры для каталога"
Карточка товара (screen_1.jpeg)
В процессе разработки каталога было добавлено очень много доп. элементов, в связи с чем сейчас все выглядит чужеродно. Нужно сделать органичную карточку товара.
Элементы, которые должны обязательно присутствовать:
- название товара
- изображение товара
- три текстовых строки (например, "основа: стеклохолст", "верхнее покрытие: серый сланец", "упаковка: рулон, 10 м2"). Сейчас можно посмотреть тут:
- цена (от 100 р.) + перечеркнутая цена в случае скидки
- выбор количества материала + единица измерения
- кнопка "добавить в корзину"
- блок заказа в 1 клик. Сейчас не очень понятно, что это именно он
- надпись "подробнее" и пиктограмма ">"
- ярлыки (теги) для товара: -7% (обозначает скидку), новинка, акция, хит. Возможно пересечение всех ярлыков на одном товаре
- рейтинг товара (звезда с цифрами), готов обсудить что-то кроме звезды
- пиктограмма добавления в избранное
- пиктограмма добавления в сравнение
Все то же самое должно присутствовать и в версии для мобильных.
На выходе нужны:
1. Исходники в psd
2. Все иконки в svg
На все вопросы готов ответить в комментариях.