![Создание сайта для компании-производителя новогодних игрушек Ugla | Кейс по разработке сайта – ART6 Создание сайта для компании-производителя новогодних игрушек Ugla | Кейс по разработке сайта – ART6](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-1117.webp)
Ugla
Создание интернет-магазина для компании лидера в сфере производства новогодних игрушек
Клиент
Ugla – производитель новогодних игрушек: шаров, гирлянд, фигурок для елки и многого другого. Является лидером в сфере производства новогодних игрушек с 20-летним опытом создания украшений. Компания осуществляет доставку товаров по России и всему миру.
Задача
Компания Ugla поставила перед нами ряд задач:
- провести работы по исследованию предметной области клиента, специфики, позиционирования, репутации, целевой аудитории, конкурентов и других факторов влияния. Изучить цели и задачи клиента, определить каким образом будущий сайт поможет их достижению и решению. Создать проект сайта, включающий его концепцию, описание его функциональной части и информационной структуры;
- разработать эксклюзивный интернет-магазин с широким функционалом и удобным каталогом;
- на этапе разработки сайта реализовать весь необходимый функционал и заложить правильную структуру, которые будут способствовать его эффективному SEO-продвижению;
- развернуть созданный сайт на сервере, подключить домен, обеспечить его дальнейшую стабильную бесперебойную работу;
- стать надежным партнером на долгие годы для выполнения поставленных задач и достижения самых высоких результатов.
Адрес проекта
ugla.shopИсполнение
Разработка сайта всегда начинается с создания проекта.
Проектирование – это первый и один из ключевых этапов создания сайта. Включает проведение ряда работ – исследование предметной области деятельности заказчика, специфики, позиционирования, репутации, целевой аудитории, конкурентов и других факторов влияния. Изучение целей и задач заказчика и определение каким образом будущий сайт поможет их достижению и решению. Создание концепции сайта, описание его функциональной части и информационной структуры.
Проектирование – крайне важный этап и основная задача проекта – на основе целей клиента и проведенного исследования описать все составляющие будущего сайта.
Наша ключевая цель – создать сайт, который будет эффективно решать поставленные перед ним задачи.
Создали проект, обсудили и согласовали с клиентом, приступили к последующим этапам разработки сайта.
Архитектура сайта
Грамотно проработанная архитектура (структура) сайта – фундамент качественного высоконверсионного сайта. Важно, чтобы пользователи, заходя на сайт, могли легко получить исчерпывающую информацию о компании и ее продуктах, услугах, товаре, а также принять решение о доверии к ней.
Мы учли этот ключевой аспект в процессе разработки сайта. Уже на стадии проектирования была заложена грамотная и гибкая структура, способная к дальнейшему расширению.
Дизайн
Дизайн – одна из основных составляющих сайта, ключевая задача – способствовать достижению поставленных целей.
При создании дизайна мы не просто сделали его привлекательным, а вложили основную часть усилий в его эффективное решение поставленных задач, основной из которых является эффективная лидогенерация.
![Кейс ART6 по созданию сайта – Ugla, изображение 1 Кейс ART6 по созданию сайта – Ugla, изображение 1](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img1.webp)
Продающие офферы
Офферы представляют собой конкретное предложение, например, скидки, специальные предложения или акции. Они мотивируют принять решение о записи на услугу или покупке товара прямо сейчас.
![Кейс ART6 по созданию сайта – Ugla, изображение 2 Кейс ART6 по созданию сайта – Ugla, изображение 2](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img2.webp)
Формы обратной связи для сбора контактов
Пользователю проще оставить свой контакт и ожидать звонка. Это дает компании отличную возможность сохранить контактные данные потенциального клиента.
![Кейс ART6 по созданию сайта – Ugla, изображение 3 Кейс ART6 по созданию сайта – Ugla, изображение 3](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img3.webp)
Каталог
Для того чтобы сайт с продукцией или товарами был успешным, необходимо создать хорошо организованный и функциональный каталог. Разрабатывая его, мы ориентировались на требования поисковых систем Яндекс и Google, что позволит эффективно продвигать сайт в будущем.
![Кейс ART6 по созданию сайта – Ugla, изображение 4 Кейс ART6 по созданию сайта – Ugla, изображение 4](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img4.webp)
Карточка товара
Карточка товара – неотъемлемая часть интернет-магазина или сайта с товарным каталогом. Разработали ее с учетом того, что пользователь должен получить полную информацию о товаре для принятия решения о покупке.
![Кейс ART6 по созданию сайта – Ugla, изображение 5 Кейс ART6 по созданию сайта – Ugla, изображение 5](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img5.webp)
Корзина
Корзина в интернет-магазине играет ключевую роль. Именно в корзину пользователь добавляет товары, которые хочет приобрести. При разработке корзины мы стремились не только обеспечить ее функциональность, но и создать условия, при которых пользователь захочет совершить покупку прямо на сайте.
![Кейс ART6 по созданию сайта – Ugla, изображение 6 Кейс ART6 по созданию сайта – Ugla, изображение 6](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img6.webp)
Оформление заказа
Когда пользователь добавляет товары в “Корзину”, следующим шагом становится “Оформление заказа”. Наша цель – сделать этот этап максимально простым и понятным для пользователей, чтобы увеличить количество завершенных покупок.
![Кейс ART6 по созданию сайта – Ugla, изображение 7 Кейс ART6 по созданию сайта – Ugla, изображение 7](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img7.webp)
Фильтр
Время, которое пользователи сайта готовы потратить на достижение результата, например, на покупку товара, с каждым годом уменьшается. А выбор товара – не самое быстрое действие, поэтому чтобы экономить время пользователей, реализовали на сайте товарный фильтр, который позволит каждому быстро и эффективно найти то за чем он пришел.
![Кейс ART6 по созданию сайта – Ugla, изображение 8 Кейс ART6 по созданию сайта – Ugla, изображение 8](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img8.webp)
Сортировка
Функция сортировки – это важный инструмент сайта с товарным каталогом, который помогает посетителям быстрее найти то, что им нужно.
Мы внедрили на сайт возможность сортировать товары по наиболее значимым параметрам.
![Кейс ART6 по созданию сайта – Ugla, изображение 9 Кейс ART6 по созданию сайта – Ugla, изображение 9](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img9.webp)
Купить в 1 клик
В некоторых случаях пользователи не готовы тратить время на заполнение формы заказа, здесь на помощь приходит функционал “Купить в 1 клик”, позволяющий увеличивать конверсию.
Сделали его крайне простым и удобным в использовании, чтобы процесс покупки занимал как можно меньше времени.
![Кейс ART6 по созданию сайта – Ugla, изображение 10 Кейс ART6 по созданию сайта – Ugla, изображение 10](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img10.webp)
Описание товара
Для многих пользователей описание товара играет одну из ключевых ролей при принятии решения о покупке.
Разместили элемент так, чтобы он был удобно расположен и заметен для пользователей.
![Кейс ART6 по созданию сайта – Ugla, изображение 11 Кейс ART6 по созданию сайта – Ugla, изображение 11](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img11.webp)
Характеристики товара
Характеристики товара являются ключевым элементом его презентации на сайте и играют важную роль в процессе принятия решения пользователем.
Обеспечили функциональность, позволяющую добавлять неограниченное число характеристик и соответствующих значений индивидуально для каждого товара.
![Кейс ART6 по созданию сайта – Ugla, изображение 12 Кейс ART6 по созданию сайта – Ugla, изображение 12](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img12.webp)
Цена
В большинстве случаев цена – самый важный критерий, на основании которого пользователи принимают решение о приобретении товара.
Реализовали возможность добавления к каждому товару как основной цены, так и акционной.
![Кейс ART6 по созданию сайта – Ugla, изображение 13 Кейс ART6 по созданию сайта – Ugla, изображение 13](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img13.webp)
Наличие нескольких фото
Визуальное представление товара – важная составляющая сайта, а наличие нескольких фотографий, особенно качественных – это то, что сильно повышает конверсию.
Реализовали возможность добавления неограниченного количества фотографий для каждого товара.
![Кейс ART6 по созданию сайта – Ugla, изображение 14 Кейс ART6 по созданию сайта – Ugla, изображение 14](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img14.webp)
Наличие
Функционал, который позволяет пользователям моментально проверить наличие товара, его количество и сроки ожидания при заказе отсутствующего товара.
Реализовали систему учета остатков, которая позволяет пользователям видеть актуальную информацию о наличии товара.
![Кейс ART6 по созданию сайта – Ugla, изображение 15 Кейс ART6 по созданию сайта – Ugla, изображение 15](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img15.webp)
Избранное
Товар может привлечь внимание пользователя, но если он ещё не готов совершить покупку, то функционал добавления в избранное может способствовать тому, что пользователь, отложивший товар, в будущем вернется и оформит заказ.
![Кейс ART6 по созданию сайта – Ugla, изображение 16 Кейс ART6 по созданию сайта – Ugla, изображение 16](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img16.webp)
Оплата
Информация об оплате – обязательный элемент любого сайта, который продает товар. Чем больше способов оплаты, чем они удобнее и выгоднее, тем выше вероятность, что каждый пользователь найдет подходящий для себя вариант.
![Кейс ART6 по созданию сайта – Ugla, изображение 17 Кейс ART6 по созданию сайта – Ugla, изображение 17](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img17.webp)
Доставка
Описание условий доставки являются неотъемлемой частью любого сайта, где можно приобрести товары. Когда пользователь заинтересован в услуге доставки, надежность предлагаемых вариантов и их условия напрямую влияют на его решение оформить заказ.
![Кейс ART6 по созданию сайта – Ugla, изображение 18 Кейс ART6 по созданию сайта – Ugla, изображение 18](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img18.webp)
Гарантии
Информация о гарантии – важная составляющая любого сайта. Пользователи покупая товар хотят быть уверенными, что он качественный и в случае брака они смогут обменять его или вернуть деньги. Грамотно представленная информация о гарантии повышает конверсию сайта.
![Кейс ART6 по созданию сайта – Ugla, изображение 19 Кейс ART6 по созданию сайта – Ugla, изображение 19](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img19.webp)
Похожие товары
Зачастую пользователи не знают, какой именно товар им нужен, и даже не подозревают о существовании достойных аналогов. Но благодаря блоку с похожими товарами мы можем предложить индивидуальные рекомендации.
Реализовали функционал “Похожие товары”, который положительно сказывается на конверсии покупок.
![Кейс ART6 по созданию сайта – Ugla, изображение 20 Кейс ART6 по созданию сайта – Ugla, изображение 20](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img20.webp)
Просмотренные товары
Функционал, который помогает пользователям увидеть историю просмотренных товаров, чтобы быстро вернуться к нужному.
![Кейс ART6 по созданию сайта – Ugla, изображение 21 Кейс ART6 по созданию сайта – Ugla, изображение 21](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img21.webp)
Информация о компании
На главной странице сайта важно познакомить пользователей с компанией, чтобы они получили основную информацию – чем компания занимается, чем может быть им полезна, почему ей можно доверять. На основной странице “О компании” следует указать более полную и развернутую информацию.
![Кейс ART6 по созданию сайта – Ugla, изображение 22 Кейс ART6 по созданию сайта – Ugla, изображение 22](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img22.webp)
![Кейс ART6 по созданию сайта – Ugla, изображение 23 Кейс ART6 по созданию сайта – Ugla, изображение 23](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img23.webp)
Преимущества компании
Пользователи предпочитают сотрудничать с компаниями, которым можно доверять. Если сайт содержит только общие сведения о преимуществах компании, пользователи не смогут понять, что делает ее уникальной и надежной по сравнению с конкурентами.
Выделили аспекты деятельности клиента, которые выгодно отличают его от конкурентов. Эти данные представлены на главной странице сайта, а также в разделе «О компании». Кроме того, кратко упомянули об этих особенностях на страницах, где представлены предложения.
![Кейс ART6 по созданию сайта – Ugla, изображение 24 Кейс ART6 по созданию сайта – Ugla, изображение 24](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img24.webp)
Социальные доказательства (отзывы, рекомендации)
Пользователям трудно принимать решение, особенно если они столкнулись с новой, еще незнакомой компанией. Им проще довериться мнению тех, у кого уже был опыт взаимодействия.
![Кейс ART6 по созданию сайта – Ugla, изображение 25 Кейс ART6 по созданию сайта – Ugla, изображение 25](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img25.webp)
Контакты
Важно чтобы на сайте были представлены все популярные способы связи с компанией, адрес, желательно с интерактивной картой, время работы и кнопки социальных сетей.
![Кейс ART6 по созданию сайта – Ugla, изображение 26 Кейс ART6 по созданию сайта – Ugla, изображение 26](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img26.webp)
Меню сайта
Оптимизировали путь клиента на сайте, чтобы пользователям было легче найти необходимую информацию. Добавили в меню разделы с полезной информацией для будущих клиентов.
![Кейс ART6 по созданию сайта – Ugla, изображение 27 Кейс ART6 по созданию сайта – Ugla, изображение 27](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img27.webp)
Блоки навигации на страницах сайта
На сайте каждая товарная категория была размещена на отдельной странице. Для удобства пользователей ссылки на них были добавлены не только в меню, но и оформлены в виде понятных и удобных навигационных блоков. Это же касается и другой информации на сайте: популярные товары, коллекции, популярные категории и так далее.
Особое внимание при разработке сайта было уделено навигационным элементам, которые помогают пользователям быстро находить нужную информацию о деятельности компании.
![Кейс ART6 по созданию сайта – Ugla, изображение 28 Кейс ART6 по созданию сайта – Ugla, изображение 28](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img28.webp)
![Кейс ART6 по созданию сайта – Ugla, изображение 29 Кейс ART6 по созданию сайта – Ugla, изображение 29](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img29.webp)
Поиск
Поиск на сайте позволяет пользователям быстро найти нужную информацию.
![Кейс ART6 по созданию сайта – Ugla, изображение 30 Кейс ART6 по созданию сайта – Ugla, изображение 30](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img30.webp)
Оптимизация под мобильные устройства
Сайт качественно отображается на любых устройствах, включая смартфоны, планшеты, десктопные компьютеры и ноутбуки.
Более 80% пользователей Интернета используют мобильные устройства, поэтому мы особенно внимательно подошли к адаптивной верстке и контенту.
![Кейс ART6 по созданию сайта – Ugla, изображение 31 Кейс ART6 по созданию сайта – Ugla, изображение 31](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img31.webp)
![Кейс ART6 по созданию сайта – Ugla, изображение 32 Кейс ART6 по созданию сайта – Ugla, изображение 32](/assets/images/keysy/90-sozdaniye-sayta-ugla/sozdaniye-sayta-ugla-img32.webp)