Сделать дизайн главной страницы и сверстать
сайт сделан на Wordpress , сам сайт eurobarm.ru
Необходимо под макет нарисовать новый дизайн главной страницы, подправить под дизайн главной остальные страницы сайта
Также необходимо сделать 5 баннеров
Потом в кладке Приготовление надо придумать и нарисовать способы приготовления закваски, чтобы было до безобразия понятно и прикольно
В общем нужны умные мысли чтобы сайт начал хорошо конвертировать после этого
Логотип остается прежний
И да, надо с корзиной будет разобраться и сделать ее другой
И в конце все сверстать !!!
По блокам
Добрый день. В аттаче готовый макет вашей домашней страницы с текущей структурой и некоторыми правками..
Справа от каждого поля я проставил номер секции, а здесь дам краткое описание и рекомендации по использованию/нюансам/важным деталям.
Общая информация:
- Несколько урезана длина - чем больше скролить, тем больше шанс потерять пользователя.
- Сайт в исходном варианте вертикально разбит на 3 части - пустое поле, поле с информацией, пустое поле. В моем варианте такой вариант тоже можно рассматривать, а можно свести к 1 информационному полю. Зависит от Вашего дизайнера.
Секция №1:
- Больше номер телефона - так или иначе - если вам все таки позвонят - больший шанс что пользователь купит продукт
- Закладка "Приготовление" была в вашей структуре именно в секции №1. Но на Вашем месте я бы переместил её в секцию №2, к секции быстрого поиска
- Секция "Корзина - как вариант можно сделать её динамичной, прикрепив к верхней части экрана(как реализовано сейчас). Но как показывают исследования и практика - пользователя раздражает все, что так или иначе заставляет(!) его покупать. А навязчиво преследующая корзина это как раз такой нюанс.
Секция №2:
- Слева - список "быстрого перехода". При нажатии на кнопку переход на другую страницу НЕ происходит. Вместо него - экран проскроливается до нужного оффера. Если же Вам это не удобно - можно вести на страницу с "Все товары категории" выбранного продукта.
- Так-же добавлю, что в секцию быстрого перехода стоит добавить "Приготовление". В Секции №1 оно ну совсем не смотрится.
- Вторая секция - секция слайдов. Я обратил внимание что у вас на сайте ваши акционные предложения прописаны текстом. Это критическая ошибка. На них так никто не поведется.
- В секции 5 слайдов.
а) Слайд с акциями - туда вставлять картинку с условиями вашей акции
б) Слайд информационный - на нем вы можете выкладывать примеры ваших продуктов, и описание их
в) Слайд информационный - аналогично слайду Б
г) Слайд визуализации - туда можно вставлять тематические картинки по типу той, которая у вас на сайте наверху(в хэдере)
д) аналогично слайду Г.
- Слайды с б по г можно смешивать и выдавать в любом порядке. Но при переходе на сайт - по умолчанию показывать первый акционный слайд.
- Смена слайда - каждый 20 секунд.
Секция №3-10:
- Большое поле - поле товара. Маленькое - выбор количества и собственно покупки.
- Детали по полям:
- В секции один за другим показываются товары конкретной категории. Время задержки - 30 секунд. Слайд товаров синхронизирована со всем остальными секциями с выбором продуктов(то есть смещение слайда происходит одновременно)
- В случая наведения мышки внутри поля на какой либо товар, слайдинг приостанавливается. (чтобы товар не "убежал" от покупателя. Пауза слайдинга так-же синхронна с остальными полями товаров).
- Указание категории товара, названия товара, цена
- Раздел "Узнать больше" - переводит на секцию описания товара
- Кнопка "Все товары категории" переводит на секцию всех товаров категории (Обратите внимание - убрано конкретное кол-во товаров в категории. Если их будет очень мало или очень много - это оттолкнет пользователя. Они любят чтобы все было просто)
- При нажатии на иконку товара - переходит в секцию описания товара.
- Справа и слева есть стрелочки для ручной прокрутки между слайдами.
- Кнопка "Узнать больше" должна находиться на некотором расстоянии от секции со стрелкой, чтобы избежать нечаянного нажатия. То же относится к иконке продукта.
- Название кнопки именно "Добавить в корзину" - В изначальном сайте вы выбирали кнопку купить. Когда человек нажимает на неё, он уже готов платить за продукт, покупать его. Вместо этого он просто добавляется в корзину. Это обманывает ожидания пользователя, и понижает конверсию.
Секция №11:
- Собственно её можно оставить без изменений. Из мелочей который бы можно было добавить - ссылка на карту указанием места, или же просто вырезанный кусок карты с точкой. Это будет помогать при самовывозе.
_______________________________
Общие рекомендации:
Я бы советовал вам объединить продукцию в группы.
Как минимум йогуртницы + термосы.
Так-же немного невпопад смотрятся сопутствующие товары.
Приложения 2
Отзыв заказчика о сотрудничестве с Iryna H.
Сделать дизайн главной страницы и сверстатьСпасибо Ирине большое! Помучал ее конкретно) и то сделать и все переделать по 100 раз, все сделала на высшем уровне! Результат меня очень радует!!!!!! Хочу чтобы скорее уже сверстали все)))
![]()
Отзыв фрилансера о сотрудничестве с заказчиком
Сделать дизайн главной страницы и сверстатьЗадачи поставлены четко. Также идет на встречу с пониманием, если по какой-то причине вы не успеваете к сдаче работы.
Легкость в обсуждении проекта. Оплата осуществляется в срок!
Надеюсь на дальнейшее сотрудничество. Побольше бы таких заказчиков! Всем рекомендую.
Актуальные фриланс-проекты в категории HTML и CSS верстка
Веб-дизайн и разработкаПривет! Для текущего проекта ищу двух отдельных специалистов: веб-дизайнера (Figma) веб-разработчика (Frontend / WordPress) Проект включает задачи по типу: лендинги, интернет-магазин, админ-панели, сайт на WordPress, а также при необходимости небольшие задачи на React /… HTML и CSS верстка, Дизайн сайтов ∙ 11 часов 43 минуты назад ∙ 73 ставки |
Необходимо сделать современный сайт для компании натяжных потолков в Польше
28 485 UAH
Нужен современный премиальный дизайн, адаптация под мобильные устройства, быстрое загрузка, SEO, анимации, калькулятор, портфолио, форма заявки. Желателен опыт создания сайтов в Польше, лендингов для строительных или ремонтных компаний. Обязательно отправьте примеры своих работ. HTML и CSS верстка, Веб-программирование ∙ 12 часов 43 минуты назад ∙ 118 ставок |
Ищем фронтенд разработчика для учебной платформыFrontend-разработчик https://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id=0-1&p=f&t=OJxQ9DF0zXBNnBJv-0 Привет! Ищем frontend-разработчика для работы над современной музыкальной платформой Muse. Проект уже имеет готовый дизайн в Figma,… HTML и CSS верстка, Веб-программирование ∙ 14 часов 32 минуты назад ∙ 81 ставка |
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 18 часов 56 минут назад ∙ 33 ставки |
Оптимизация скорости сайта WordPress
5088 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 1 день 9 часов назад ∙ 62 ставки |