+38 (097) 478 27 77
en

Developing an online hat store with a 97+ loading speed for mobile devices using Page Speed

case picture
About the project

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

Website: shela-sample.com.ua
CMS/Framework:
Region:

Ukraine

Completion date (with revisions):

20.11.20 - 19.11.2021

case picture
case picture
Tasks:

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

Results:
  • CMS: OpenCart
  • Completion date: 1 year
  • Speed (mobile): 97+

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

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

case picture
SEO at the development stage

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

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

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

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

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

Prototyping

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

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

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

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

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

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

Adaptive layout for various screen resolutions has been implemented.

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

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

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

case picture
case picture
Want the same results?

Fill out the brief and our manager will contact you

Cost of website development
Online store

Main works:

  • Creation of clickable prototypes (high fidelity wireframes);
  • Writing technical specifications;
  • Processing of commercial and technical factors;
  • Development of a competent SEO structure;
  • UX/UI design;
  • Safe move to a new domain;
  • аудит контентной части сайта;
  • Audit of the website’s and competitors’ link mass;
  • Adding a website to Google Search Console;
  • Детальная обработка карты товара;
  • Подключение онлайн-оплаты (LiqPay);
  • Testing (after each stage);
  • Personal account;
  • Meeting Google's 90+ website loading speed requirements for mobile and desktop;
  • Filling with your content up to 10 pages;
  • Setting up Google Analytics;

As a bonus you will receive:

  • Basic SEO optimization;
  • Transferring a website to hosting;
  • SSL certificate (HTTPS);
  • Website support for 1 month is FREE;
  • Website management system based on the selected CMS (admin panel);
  • Консультация по дальнейшему продвижению сайта в интернете;
  • Training on how to use the website (instructions + online call).

Results of promotion of other projects
slider-img
Website development Website development in 1 month for a mineral water manufacturer
  • CMS:
    WordPress
  • Completion date:
    1 month
  • Speed (mobile):
    94+
slider-img
PPC Call volume doubled in 6 months for an online lighting equipment store
  • Increase in calls to:
    115%
  • Call price reduction to:
    35,2%
slider-img
Online store development Development of a fast and responsive online tobacco store
  • CMS:
    Laravel
  • Completion date:
    4 months
  • Speed (desktop):
    90+
contact__bg contact-bg contact-bg

    contact-picture
    Daria Babyanskaya,
    manager of the Imaris company
    To contact us
    Thank you for reaching out!

    Your message has been sent.
    Our manager will contact you
    in the near future

    Thank you for reaching out!

    Your review has been sent.
    We will contact you if necessary.