Разработка интернет-магазина вязанной одежды и головных уборов

Главная / Кейсы / Shela

Проект:

интернет-магазин вязаных изделий "Shela"

https://shela-sample.com.ua/

Услуги:

Web-дизайн Разработка интернет-магазина SEO на этапе разработки

Регион:

Украина

Период:

20.11.20 - 19.11.2021

CMS/Framework:

Opencart

О проекте

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

Задачи:

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

На старте проекта мы проанализировали Бриф клиента и провели конкурентный анализ

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

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

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

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

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

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

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

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

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

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

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

ДизайнСтраниц

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

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

иллюстрациидля сайта

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

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

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

скоростьзагрузки

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