Логотип

Интернет-магазин Шарбиз

Разработка интернет-магазина по продаже воздушных шаров для компании «Шарбиз» — полный цикл работ от анализа целевой аудитории и конкурентов, проектирования структуры и прототипирования до программирования на CMS, создания уникальных страниц с полным наполнением контентом и внедрения функциональной корзины с возможностью оформления заказа.

Разработка
modx
sharbiz.ru
Кейс разработки сайта Шарбиз
Картинка по потребностям клиента 1
Картинка по потребностям клиента 2

Сроки работ

Дизайн сайта:

25 авг - 19 сент  2025

Верстка сайта и программирование:

29 сен - 12 дек  2025 

Картинка по потребностям клиента 3

потребность заказчика

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

Картинка по потребностям клиента 4

Задачи проекта

  • Составление технического задания
  • Анализ конкурентов
  • Разработка прототипа
  • Создание дизайн-концепции
  • Дизайн всех страниц с адаптивами
Картинка задач Интернет-магазин Шарбиз
  • Адаптивная верстка дизайн-макетов
  • Программирование на CMS
  • Настройка административной панели
  • Наполнение данными
  • Тестирование и передача проекта

Цели проекта

  • Выделить компанию среди конкурентов на рынке продажи воздушных шаров и праздничного оформления;
  • Передать яркий, профессиональный и доверительный образ бренда «Шарбиз»;
  • Увеличить количество заказов за счёт продуманного UX/UI и удобной корзины;
  • Обеспечить удобство взаимодействия пользователей с сайтом (разделы каталога, карточки товаров, форма отзыва);
  • Реализовать сайт на удобной CMS с возможностью самостоятельного управления контентом и наполнением.

Используемые инструменты

ModX ModX
Figma Figma
Django Django
HTML HTML
CSS CSS
JavaScript JavaScript
Python Python
ChatGPT ChatGPT
Photoshop Photoshop
Adobe Illustrator Adobe Illustrator
Yandex Yandex
Google Google
CloudFlare CloudFlare
Bitrix24 Bitrix24
Axure Axure

Объем проекта

Разработали 20 уникальных страниц с адаптивом, настроили каталог, отзывы и корзину с оформлением заказа, выполнили наполнение контентом.

Картинка компании заказчика

Анализ конкурентов

Мы изучили десятки сайтов по продаже воздушных шаров и праздничного декора, чтобы выявить сильные и слабые стороны рынка: где конкуренты теряют клиентов (неудобная навигация по каталогу, отсутствие отзывов, сложная или неработающая корзина), а какие решения работают на доверие. На основе анализа мы сформулировали требования к структуре, чтобы выделить яркий и профессиональный образ «Шарбиз» и сделать процесс выбора и заказа максимально простым и быстрым.

Построение архитектуры сайта

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

Разработка прототипов страниц

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

картинка как создавался прототип

Подбор Цветовой палитры и типографики для проекта

Картинка какие цвета мы использовали 1
Картинка какие цвета мы использовали 2
Картинка какие цвета мы использовали 3
Картинка какие цвета мы использовали 4

Используемая сетка

Картинка примера используемая сетка

Дизайн главной

Картинка слайда Дизайн главной Картинка слайда Дизайн главной

Раздел каталога

Картинка слайда Раздел каталога Картинка слайда Раздел каталога

Карточка товара

Картинка слайда Карточка товара

Корзина

Картинка слайда Корзина

О компании

Картинка слайда О компании

Гарантия и возврат

Картинка слайда Гарантия и возврат

Контакты

Картинка слайда Контакты

404

Картинка слайда 404

Адаптивы

Показана картинкаАдаптивы 1
Показана картинкаАдаптивы 2
Показана картинкаАдаптивы 3
Показана картинкаАдаптивы 4
Показана картинкаАдаптивы 5
Показана картинкаАдаптивы 6

Реализованный Функционал на сайте

Каталог с разделами

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


Такая структура позволяет мгновенно перейти в нужный раздел с любого места сайта и быстро найти товар для любого события — от детского утренника до свадьбы или крупного корпоратива.

Картинка Картинка Реализованный Функционал на сайте_0
Картинка Картинка Реализованный Функционал на сайте_1

Поиск по сайту

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

Корзина и оформление заказа

Реализована полноценная корзина с возможностью добавления товаров из разных разделов каталога. Пользователь собирает заказ, указывает удобный способ доставки: курьером, курьером к назначенному времени или самовывоз. Для оплаты доступны три варианта: онлайн на сайте, по реквизитам или наличными при получении. Это позволяет компании принимать заказы от клиентов с разными предпочтениями — от тех, кто хочет быстро оплатить картой, до тех, кто привык рассчитываться при встрече, а также учитывает возможность срочной доставки к празднику

Картинка Реализованный Функционал на сайте_2
Картинка Картинка Реализованный Функционал на сайте_3

Избранное

Добавлена функция избранного, позволяющая пользователю сохранять понравившиеся товары в отдельный список без необходимости сразу оформлять заказ. Это удобно, когда клиент ещё не определился с выбором или планирует праздник заранее: можно отложить несколько вариантов шаров, гирлянд или арок, сравнить их позже и вернуться к ним в любой момент. Избранное работает на протяжении всей сессии и помогает не потерять интересные позиции среди большого ассортимента. Такое решение повышает лояльность пользователей и увеличивает вероятность возврата к оформлению заказа.

Форма обратной связи

Реализована форма обратной связи в виде всплывающего поп-апа, который открывается при нажатии на кнопки «Обратный звонок» или «Оставить заявку». Пользователю достаточно указать имя и номер телефона, после чего менеджер компании связывается с ним в ближайшее время. Это позволяет быстро обрабатывать входящие запросы, сокращать время ответа и увеличивать конверсию посетителей в реальных клиентов, особенно когда у пользователя возникли вопросы по товарам или доставке.

Картинка Реализованный Функционал на сайте_4
Картинка Картинка Реализованный Функционал на сайте_5

Возможность ост авить отзыв

Для формирования доверия и живого общения с клиентами на сайте добавлен блок отзывов. Посетитель может оставить своё мнение, заполнив форму: указать имя, написать текст, выбрать оценку от 1 до 5 и прикрепить файл (например, фото с праздника). После модерации отзыв публикуется на сайте — это помогает новым покупателям ориентироваться в ассортименте, видеть реальные примеры использования товаров и принимать более уверенные решения о заказе

Настройка на CMS и наполнение

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

Показано картинка настройки на CMS и наполнение

Тестирование работы сайта

Page Speed insights

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

Картинка Page Speed insights 15

как итог

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

1 мес
анализ и дизайн
2.5 мес
этап верстки + программирование на CMS
20+
страниц наполнено
85
результат по PageSpeed

наши контакты

Санкт-Петербург, Московский проспект, 183-185Ак7

info@saytspb.ru

Рабочие дни: пн-пт с 09:00 до 18:00

Выходные дни: сб-вс