Сделать дизайн главной страницы и сверстать
сайт сделан на Wordpress , сам сайт eurobarm.ru
Необходимо под макет нарисовать новый дизайн главной страницы, подправить под дизайн главной остальные страницы сайта
Также необходимо сделать 5 баннеров
Потом в кладке Приготовление надо придумать и нарисовать способы приготовления закваски, чтобы было до безобразия понятно и прикольно
В общем нужны умные мысли чтобы сайт начал хорошо конвертировать после этого
Логотип остается прежний
И да, надо с корзиной будет разобраться и сделать ее другой
И в конце все сверстать !!!
По блокам
Добрый день. В аттаче готовый макет вашей домашней страницы с текущей структурой и некоторыми правками..
Справа от каждого поля я проставил номер секции, а здесь дам краткое описание и рекомендации по использованию/нюансам/важным деталям.
Общая информация:
- Несколько урезана длина - чем больше скролить, тем больше шанс потерять пользователя.
- Сайт в исходном варианте вертикально разбит на 3 части - пустое поле, поле с информацией, пустое поле. В моем варианте такой вариант тоже можно рассматривать, а можно свести к 1 информационному полю. Зависит от Вашего дизайнера.
Секция №1:
- Больше номер телефона - так или иначе - если вам все таки позвонят - больший шанс что пользователь купит продукт
- Закладка "Приготовление" была в вашей структуре именно в секции №1. Но на Вашем месте я бы переместил её в секцию №2, к секции быстрого поиска
- Секция "Корзина - как вариант можно сделать её динамичной, прикрепив к верхней части экрана(как реализовано сейчас). Но как показывают исследования и практика - пользователя раздражает все, что так или иначе заставляет(!) его покупать. А навязчиво преследующая корзина это как раз такой нюанс.
Секция №2:
- Слева - список "быстрого перехода". При нажатии на кнопку переход на другую страницу НЕ происходит. Вместо него - экран проскроливается до нужного оффера. Если же Вам это не удобно - можно вести на страницу с "Все товары категории" выбранного продукта.
- Так-же добавлю, что в секцию быстрого перехода стоит добавить "Приготовление". В Секции №1 оно ну совсем не смотрится.
- Вторая секция - секция слайдов. Я обратил внимание что у вас на сайте ваши акционные предложения прописаны текстом. Это критическая ошибка. На них так никто не поведется.
- В секции 5 слайдов.
а) Слайд с акциями - туда вставлять картинку с условиями вашей акции
б) Слайд информационный - на нем вы можете выкладывать примеры ваших продуктов, и описание их
в) Слайд информационный - аналогично слайду Б
г) Слайд визуализации - туда можно вставлять тематические картинки по типу той, которая у вас на сайте наверху(в хэдере)
д) аналогично слайду Г.
- Слайды с б по г можно смешивать и выдавать в любом порядке. Но при переходе на сайт - по умолчанию показывать первый акционный слайд.
- Смена слайда - каждый 20 секунд.
Секция №3-10:
- Большое поле - поле товара. Маленькое - выбор количества и собственно покупки.
- Детали по полям:
- В секции один за другим показываются товары конкретной категории. Время задержки - 30 секунд. Слайд товаров синхронизирована со всем остальными секциями с выбором продуктов(то есть смещение слайда происходит одновременно)
- В случая наведения мышки внутри поля на какой либо товар, слайдинг приостанавливается. (чтобы товар не "убежал" от покупателя. Пауза слайдинга так-же синхронна с остальными полями товаров).
- Указание категории товара, названия товара, цена
- Раздел "Узнать больше" - переводит на секцию описания товара
- Кнопка "Все товары категории" переводит на секцию всех товаров категории (Обратите внимание - убрано конкретное кол-во товаров в категории. Если их будет очень мало или очень много - это оттолкнет пользователя. Они любят чтобы все было просто)
- При нажатии на иконку товара - переходит в секцию описания товара.
- Справа и слева есть стрелочки для ручной прокрутки между слайдами.
- Кнопка "Узнать больше" должна находиться на некотором расстоянии от секции со стрелкой, чтобы избежать нечаянного нажатия. То же относится к иконке продукта.
- Название кнопки именно "Добавить в корзину" - В изначальном сайте вы выбирали кнопку купить. Когда человек нажимает на неё, он уже готов платить за продукт, покупать его. Вместо этого он просто добавляется в корзину. Это обманывает ожидания пользователя, и понижает конверсию.
Секция №11:
- Собственно её можно оставить без изменений. Из мелочей который бы можно было добавить - ссылка на карту указанием места, или же просто вырезанный кусок карты с точкой. Это будет помогать при самовывозе.
_______________________________
Общие рекомендации:
Я бы советовал вам объединить продукцию в группы.
Как минимум йогуртницы + термосы.
Так-же немного невпопад смотрятся сопутствующие товары.
Załączniki 2
Opinia zleceniodawcy o współpracy z Iryna H.
Сделать дизайн главной страницы и сверстатьСпасибо Ирине большое! Помучал ее конкретно) и то сделать и все переделать по 100 раз, все сделала на высшем уровне! Результат меня очень радует!!!!!! Хочу чтобы скорее уже сверстали все)))
![]()
Opinia freelancera o współpracy z ze zleceniodawcą
Сделать дизайн главной страницы и сверстатьЗадачи поставлены четко. Также идет на встречу с пониманием, если по какой-то причине вы не успеваете к сдаче работы.
Легкость в обсуждении проекта. Оплата осуществляется в срок!
Надеюсь на дальнейшее сотрудничество. Побольше бы таких заказчиков! Всем рекомендую.
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Stworzyć małą stronę internetową
1263 PLN
Ekran głównyPo zalogowaniu użytkownik trafia do swojego panelu.Projekt wykonany jest w stylu nowoczesnej giełdy kryptowalut (Binance, Bybit, OKX).Na stronie głównej wyświetlane są:Całkowity bilans.Dochód za dzisiaj.Dochód za tydzień.Dochód za miesiąc.Całkowity zysk.W centrum… Układ HTML i CSS, Programowanie stron internetowych ∙ 53 minuty temu ∙ 63 oferty |
Projektowanie i rozwój stron internetowychWitaj! Do bieżącego projektu szukam dwóch oddzielnych specjalistów: projektanta stron internetowych (Figma) programisty webowego (Frontend / WordPress) Projekt obejmuje zadania takie jak: landing page, sklep internetowy, panel administracyjny, strona na WordPressie, a także w… Układ HTML i CSS, Projektowanie stron internetowych ∙ 2 dni 20 godzin temu ∙ 110 ofert |
Potrzebny programista Drupal do poprawek na kilku stronach.Potrzebny programista Drupal do poprawek na kilku stronach. Strona się rozrosła i zapełniła cały hosting .. Układ HTML i CSS, Programowanie stron internetowych ∙ 3 dni 3 godziny temu ∙ 38 ofert |
Optymalizacja prędkości strony WordPress
429 PLN
Pełne szczegóły prześlemy w wiadomościach prywatnych Cel Maksymalne przyspieszenie ładowania strony, szczególnie na urządzeniach mobilnych. KPI (obowiązkowe) Po zakończeniu prac należy osiągnąć następujące wskaźniki. Mobile Performance 90+ LCP mniej niż 2.2 sek INP mniej niż… Układ HTML i CSS, Javascript & Typescript ∙ 3 dni 18 godzin temu ∙ 67 ofert |
Zaprojektować stronę i podłączyć ją do Shopifystworzyć stronę i podłączyć ją do shopify w makiecie strona główna strony produktów nie będzie, będzie okno modalne z wyborem objętości słoiczka kremu i jego ilości po tym okno dostawy i płatności zamówienie musi być wysyłane do shopify z pełnymi informacjami o zamówieniu… Układ HTML i CSS, Programowanie stron internetowych ∙ 3 dni 21 godzin temu ∙ 78 ofert |