+38 (097) 478 27 77
ru

Разработка интернет-магазина головных уборов со скоростью загрузки 97+ для mobile по Page Speed

case-picture
О проекте

SHELA™ — производитель головных уборов для детей. До создания полноценного интернет магазина в нашем агентстве, клиент имел точку на барабашово и сайт на prom.ua (продажа товаров оптом). Позже, клиент решил расширить ассортимент и продавать не только головные уборы для детей, но и дополнительно еще одежду, головные уборы для мужчин, женщин, как в розницу так и оптом.

Сайт: shela-sample.com.ua
CMS/Framework:
Регион:

Украина

Срок выполнения (с правками):

20.11.20 - 19.11.2021

case-picture
case-picture
Задачи:

- Создать сайт со всеми удобными функциями для оптовиков.
- Совместить функционал оптовых и розничных продаж.
- MobileFirst дизайн и разработка.
- Сбор семантики, создание структуры, рекомендация по тех. части сайта.
- Конкурентный анализ.
- Создание технического задания.

Результаты:
  • CMS: OpenCart
  • Срок выполнения: 1 год
  • Скорость (mobile): 97+

Общение с клиентом и анализ конкурентов

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

case-picture
SEO на этапе разработки

С самого начала сайт проектировался с учетом требований SEO. Все решения дизайнер согласовывал с SEO-специалистом. Если представления о «хорошей странице для пользователей» и «хорошей странице для поисковых роботов» расходились, мы искали решение, устраивающее всех.

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

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

Подробнее о SEO
case-picture case-picture
Техническое задание и требования к сайту

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

Разработка прототипов

Мы начали с мобильной версии сайта, от этого и отталкивались на все остальные размеры экранов. Прорабатывали сначала каталог товаров и карточку товара, т.к. они являются самыми конверсионными страницами. Дальше проработали главную страницу, личный кабинет, и разные внутренние страницы.

В конце мы получили кликабельный прототип, который утверждался с клиентом.

case-picture
Дизайн страниц

После отрисовки прототипа страниц, мы утвердили общую концепцию дизайна и реализовали ее на всех внутренних страницах. Помимо художественной составляющей, проработали логическую структуру веб-страниц, удобство использования сайта (юзабилити часть).

Мы передали чувство теплоты и уюта через дизайн. Заходя на сайт, пользователи понимают, что компания производит свою продукцию с любовью ко всем взрослым и детям.

case-picture case-picture case-picture case-picture case-picture
Верстка и имплементация сайта

Реализована адаптивная верстка под различные разрешения экрана.

Сайт создан на основе CMS – Opencart, с кастомной разработкой требуемого функционала. При разработке сайта учитывались требования по SEO на этапе разработки (как пример, качественная реализация фильтра товаров с посадочными страницами для каждого фильтра).

  • Реализован быстрый поиск по сайту.
  • Настроено удобное оформление заказа, подключена онлайн оплата оформленного заказа через систему Liqpay.
  • Панель администратора почищена от лишнего функционала, настроена под требования клиента для более удобного администрирования сайта.
  • Реализация верстки и бэкенд части сайта проводилась с учетом повышенного требования к скорости загрузки сайта.
Подробнее о разработке сайта
Скорость загрузки

Проведен комплекс работ по оптимизации скорости загрузки сайта.
Как итог - высокие показатели Google Page Speed Insights (для мобильных 95-97 из 100, для десктопа 99-100 из 100).

case-picture
case-picture
Хотите таких же результатов?

Заполните бриф и наш менеджер свяжется с вами

Стоимость разработки сайта
Интернет-магазин

Основные работы:

  • Создание кликабельных прототипов (high fidelity wireframes);
  • Написание технического задания;
  • Обработка коммерческих и технических факторов;
  • Разработка грамотной SEO-структуры;
  • UX/UI-дизайн;
  • Безопасный переезд на новый домен;
  • аудит контентной части сайта;
  • Аудит ссылочной массы сайта и конкурентов;
  • Добавление сайта в Google Search Console;
  • Детальная обработка карты товара;
  • Подключение онлайн-оплаты (LiqPay);
  • Тестирование (после каждого этапа);
  • Личный кабинет;
  • Выполнение требований по скорости загрузки сайта от Google 90+ для mobile и desktop;
  • Наполнение вашим контентом до 10 страниц;
  • Настройка Google Analytics;

Бонусом вы получите:

  • Базовая SEO-оптимизация;
  • Перенос сайта на хостинг;
  • SSL сертификат (HTTPS);
  • Поддержка сайта в течение 1 месяца БЕСПЛАТНО;
  • Система управления сайтом на основе выбранной CMS (админка);
  • Консультация по дальнейшему продвижению сайта в интернете;
  • Обучение работе с сайтом (инструкция+онлайн-звонок).

contact__bg contact-bg contact-bg

    contact-picture
    Дарья Бабьянская,
    менеджер компании Imaris
    Для связи с нами
    Благодарим за обращение!

    Ваше сообщение отправлено.
    Наш менеджер свяжется с вами
    в ближайшее время

    Благодарим за обращение!

    Ваш отзыв отправлен.
    При необходимости, мы с вами свяжемся