Оптимизировать, править, подверстать сайт Opencart 2.1 "New Store"
Ищу толкового специалиста, который наведет порядок на сайте. Проект нужно сделать серьезно и надолго. Прошу отзываться только опытных, кто уже сталкивался в своей практике с Оpen Card 2.1 и знает какие там есть ньюансы и проблемы. После завершения проекта рассматриваю дальнейшее сотрудничество по администрированию и поддержанию. Рассчитываю на длительное порядочное отношение и сотрудничество.
Дизайн в прикрепленном файле
Срок на выполнение 10-15 дней
| 1 Этап |
| Разделить фид в гугл шопинге на 2 языка, чтоб показывать товары с сайта на 2 языках и разделить по приоритетности (бюджетам) товары на 3 категории. |
| Довести внешний вид блога до нормального состояния: обрезаются главное фото, внутри текст скачет, убрать ч\б иконку автора |
| Сделать чтобы фотки которые открываем в полном размере не показывались в размере 800х600 , а были больше. Мы например загружаем 1024, а сайт всеравно выводит 800. При этом фотка сжимаетсякешем |
| Промониторить и убрать ошибки с гугл консоль, а также поднять оценку в https://gtmetrix.com/, гуглпейджспид. Довести мобильную версию до нормальных показателей, в пределах 70 баллов. https://search.google.com/test/mobile-friendly?id=hDYCgQjcrg4_bG0AIV5BgQ |
| Подправить иконки где они криво стоят, разного размера или расплываются в SVG формате |
| Заставка при загрузке (У нас есть готовая), только вставить |
| Некоторые топовые товары мы хотим оформить как лендинг. На десктопе и на мобилке. Сделать шаблон как на дизайне. Сделать возможность, чтоб мы этот шаблон могли копировать сами для других товаров. Туда должно вставляться больше фоток, видео, формы захвата и т.д. (в дизайне показано) |
| Проверить и исправить адаптив на всех устройвах (планшеты, мобилки, большие маленькие экраны, эппл) чтоб ровно отображались элементы, ничего не сьезжало было ровно и красиво Правильное отображение сайта в популярных браузерах: Google chrome, Mozilla Firefox, сафари |
| Верстка 1. В подвале цветной вайбер. Все в 2 языках укр, рус. Попапы привести все в один стиль (нашли дешевле) с одинаковым затемнением как на кнопке написать директору. На кнопки поставить одтнаковый стиль Си-эс-эс. Короткие описания не подтягиваются на главном экране и на некоторых других. |
| Верстка 2. Главная: Сделать снизу выранивающий баннер. Выровнять стрелочки в один стиль на всем сайте. Когда навести нарекомендованный товар, снизу сдвигается строчка - исправить (В карточке товара). Фразу: Дізнатися, як уникнути помилок, - убрать. Стикеры закрываются иногда каточкой товаров |
| Верстка 3. Список товаров: подверстать вариант вывода горизонтально (пример в дизайне), добавить видео под фильтр - при прокрутке вниз оно должно должно фиксится в верхней части, видео должно добавляться на каджую конечную категорию разное с админки, если видео нет - там пусть ничего не будет. В мобильной версии прийдется сделать кнопку для видео. После 4 товаров в списке, выводится строчка текста с кнопкой (на каджую категорию разный текст, прописывание с админки, если текста нет, то и кнопки пусть не будет). При нажатии на кнопку - выскакивает попап, с соответствующим обращением, предлагающий заполнить имя, телефон(обьяз для заполнения), и кнопка внутри попапа (Узнать делатьнее), которую с админки мы можем привязать к соответствующей статьи блога. При нажатии, лида переводит на статью.; Кнопка сортировки, передвинуть вправо, напротив названия категории: убрать подсказки на черном фоне, заменить текст в фильтре: По рейтингу (по-умолчанию), От дешевых к дорогим, От дорогих к дешевым, В наличии. Кнопка детальнее, сделать синим цветом, заменить на слово консультация и убрать черную подсказку. (Детали прорисованы на дизайнах, мелкие ньюансы оговариваются устно). |
| Верстка 5. Корзина: Поднять кноку купить и сумму вверх, чтоб ее біло видно сразу, как на примере дизайна. Галочку "вам перезвонить после покупки" по умолчанию. Когда клиент зарегистрированный дизайн корзины плывет. Потрібно зробити так, щоб клієнт міг вписати своє, якесь особливе місто чи адресу, а не тільки ті, що є в списку. Також, якщо буде обрана інша транспортна компанія там теж має бути поле, щоб вписати адресу. |
| Вестка 6. Страница співробітництво (подправить по высоте): будет содержать в себе страницы: Диллери, Навчальні заклади, Торгово-розважальні центри, Медицина, они буду оформлятся в виде мини лендингов. (примеры на дизайнах) |
| Опции поправить, чтоб нормально переключалось между разными вариантами. Компактно их поместить в карточку товара |
| Сделать лупу на карточке товара больше в 2 раза как на примере https://f.ua/powerwalker/vi-1000-stl-10121074.html |
| При наведении на Техномена мышка меняется, там где он кликабельный. |
| Исправить ошибку в модуле стикерыPRO (при фильрации по имени товара выдает ошибку)(добавить фильтер по коду товара) исправить стикеры на товаре чтобы в каталоге стикеры были меньше а в карточке товара были больше, просто модуль редактирует размеры там и там. Обьясним устно. |
| Мобильная версия (2 этап) |
| Кнопки обрезаются у товаров, которых нет в наличии |
| Вывести скорость мобильной версии с 70 баллов и выше в пейджспид. Нужно чтоб мобильная версия быстро загружалась. |
| Выровнять номер телефона и иконки Избранное и Сравнить под главным логотипом (пример на дизайне) |
| Уменьшить размер шрифта в тексте с преимуществами – будет больше вмещаться |
| В футере поправить высоту шрифтов. Или переработать структуру футера и привести ее к удобочитаемому виду. Примерная оценка. |
| Подправить подвал, как на дизайне. |
| Страница категории – убрать лишнее пустое место |
| Корзина – убрать пустые места под списком перевозчиков и способами оплаты. Довести до нормального фида, функционал как на десктопе |
| Изменить иконку «i» в главном меню на иконку выбора языка |
| Кнопку "Купить" увеличить и выровнять относительно остальных блоков |
| На десктопе есть кнопки в корзине по добавлению количества, лучше сделать и на мобиле, удобней |
Приложения 1
Актуальные фриланс-проекты в категории HTML и CSS верстка
Перенос дизайна на WordPress
2000 UAH
Добрый день! Необходимо перенести готовый дизайн одностраничного лендинга на WordPress. Макет полностью готов (Figma), дизайн разрабатывать не нужно. Необходимо качественно сверстать страницу, адаптировать под мобильные устройства и настроить её на WordPress. Пожалуйста, в… HTML и CSS верстка ∙ 3 часа 20 минут назад ∙ 68 ставок |
Вывести посты из Инстаграма на сайт (опенкарт)
700 UAH
Здравствуйте. Нужно настроить функционал, чтобы на сайте (OpenCart) отображался блок с постами Instagram. Отзовитесь, кто делал и знает как ) Спасибо ) По стоимости договоримся, не знаю, сколько это стоит. HTML и CSS верстка, Веб-программирование ∙ 6 часов 57 минут назад ∙ 42 ставки |
Лендинг для школы английского
13 500 UAH
Ищем дизайнера + верстальщика лендинга (Wix / WordPress / Weblium) Привет! Ищем исполнителя на дизайн и верстку лендинга курса английского языка. Что нужно: — дизайн и верстка лендинга на 12 блоков; — две страницы оплаты: успешная / неуспешная; — адаптив под мобильные; —… HTML и CSS верстка, Дизайн интерфейсов (UI/UX) ∙ 9 часов 25 минут назад ∙ 104 ставки |
Верстка React/Tailwind компонента для друка бланка А4Необходимо исправить UI/UX дизайн и геометрию одного React-компонента (шаблон клинической карты для печати в PDF) Весь функционал, массивы данных и логика уже написаны и работают — нужна чисто косметика, правильные отступы и позиционирование элементов с помощью Tailwind CSS… HTML и CSS верстка, Javascript и Typescript ∙ 10 часов 31 минута назад ∙ 49 ставок |
Адаптивная вёрстка сайта с анимациейНужно сверстать сайт по готовому дизайну из Figma. Админка сайта - Laravel - viar-art.pl Сайт должен быть современным, адаптивным, быстрым и удобным для пользователя. Вёрстка должна точно соответствовать макету, корректно отображаться на мобильных устройствах, планшетах и… HTML и CSS верстка, Создание сайта под ключ ∙ 21 час 52 минуты назад ∙ 88 ставок |
Киев