+375 (29) 390-56-65
Время работы
Пн-Пт: 9:00 - 17:00
Сб-Вс: выходной
Отвечаем в мессенджерах:
Кейсы Кейсы по разработке сайтов Кейс по разработке сайта-каталога для компании, продающей глюкометры

Кейс по разработке сайта-каталога для компании, продающей глюкометры

Кейс по разработке сайта-каталога для компании, продающей глюкометры
Обсудить проект
С самого начала компания занимается разработкой диагностических биосенсоров для измерения уровня глюкозы в крови. Заботясь о здоровье клиентов по всему миру, OSANG Healthcare доносит превосходство корейских биотехнологий до людей всего мира.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Сайт-каталог
Объём
35
Страниц
Скорость
93 / 100
Загрузки сайта
Язык
RU
Русский
Кабинет
Кабинет
Пользователя
Поиск
Поиск
По сайту
FAQ

Был реализован блок с FAQ, для того чтобы
предоставить пользователям быстрые
ответы на самые распространенные вопросы.

FAQ
Местоположение

На сайте реализован блок с
регионами проживания клиентов компании.

Местоположение
Баннер

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

Баннер
Преимущества

Был реализован блок с преимуществами компании
для того, чтобы клиенты могли быстро ознакомиться с тем,
что делает компанию уникальной.

Преимущества
Задача

Представление информации о доступных товарах и о самой компании, привлечение новых клиентов.

Решение

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

Ниша

Продажа медицинского оборудования

Продолжительность
  • 2 недели – дизайн (предоставлен заказчиком)
  • 2 месяца – разработка
  • 1 месяц – заполнение

Краткий бриф на разработку сайта

Наименование компании
ООО «Осанг»
Сфера деятельности
Продажа медицинского оборудования
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Глюкометры, биохимические и лабораторные анализаторы, тест-полоски
Домен сайта
infopia.by
Целевая аудитория
Физические лица, заинтересованные в приобретении медицинских приборов для заботы о здоровье
Задачи сайта
Представление информации о доступных товарах и о самой компании, привлечение новых клиентов
Тип сайта
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Пожелания заказчика
Точное следование дизайну клиента, добавление мультиязычности, высокая скорость загрузки сайта, качественная адаптивность

Выбор цветовой палитры, шрифтов и визуального контента

01
Цвет и типографика
У заказчика были готовы и логотип, и фирменные цвета, и шрифты: все фирменные элементы были указаны в макете. Цветовая палитра соответствует направленности компании – передаёт медицинский характер товаров.
Однако с выбором шрифтов для сайта возникли проблемы: в макете все текстовые элементы были набраны двумя шрифтами – Source Han Sans KR и Montserrat – в хаотичном порядке. Допускается наличие заголовков, набранных отличным от основного текста шрифтом, однако в макете заказчика данная пара шрифтов присутствовала и в заголовках, и в наборном тексте. Возникла еще одна проблема со шрифтом Source Han Sans KR: из-за большого веса файлов замедлялась скорость загрузки всего сайта. Мы порекомендовали заменить шрифт на схожий Source Sans Pro, оптимизированный для сайта, что одобрил клиент.
#d6efff
#f6f6f6
#d5251e
#646569
У заказчика были готовы и логотип, и фирменные цвета, и шрифты: все фирменные элементы были указаны в макете. Цветовая палитра соответствует направленности компании – передаёт медицинский характер товаров.
#d6efff
#d5251e
#f6f6f6
#646569
Однако с выбором шрифтов для сайта возникли проблемы: в макете все текстовые элементы были набраны двумя шрифтами – Source Han Sans KR и Montserrat – в хаотичном порядке. Допускается наличие заголовков, набранных отличным от основного текста шрифтом, однако в макете заказчика данная пара шрифтов присутствовала и в заголовках, и в наборном тексте. Возникла еще одна проблема со шрифтом Source Han Sans KR: из-за большого веса файлов замедлялась скорость загрузки всего сайта. Мы порекомендовали заменить шрифт на схожий Source Sans Pro, оптимизированный для сайта, что одобрил клиент.

Полезный и для пользователя, и для бизнеса функционал

02
Функционал

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

Еще одной отличительной чертой сайта является наличие страницы “Где купить” продукцию OSANG Healthcare в Беларуси. Здесь представлены разделы с интернет-магазинами, аптеками, медтехниками и интерактивной картой. Такая страница очень важна для удобства пользователей, так как при наличии спроса на товар очевидно желание знать, где можно его приобрести. Реализованный функционал помогает потенциальному покупателю выбрать наиболее подходящий для него магазин по расположению или личным требованиям.

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

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

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

Какие инструменты и технологии мы использовали

03
Инструменты
Figma
Figma
Photoshop
Photoshop
WordPress
WordPress
JQuery
JQuery
PHP
PHP
JavaScript
JavaScript
WPBakery
WPBakery
Swiper
Swiper
FancyBox
FancyBox
Bootstrap
Bootstrap

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

04
Скорость
infopia.by
Анализировать
Мобильные устройства
Компьютер
93
infopia.by
0-49
50-89
90-100
Мобильные устройства
Компьютер
100
infopia.by
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

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

Результаты по проекту

05
Результат

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

1. Учет пожеланий клиента
Мы тщательно учли все пожелания клиента, включая изменения в дизайне, сроки выполнения и дополнительные требования, чтобы обеспечить максимальное соответствие его ожиданиям.
2. Высокая производительность
Обеспечили быструю загрузку страниц и высокую адаптивность на всех устройствах.
3. Интуитивная навигация
Создан удобный интерфейс для простоты поиска информации на сайте.
4. Обратная связь
Внедрена система обратной связи для улучшения взаимодействия с клиентами.
Хотите так же?
Давайте обсудим проект!
+

Обсудить проект

+

Заявка на обратный звонок

Согласие на обработку персональных данных в соответствии с целями, указанными в Политике обработки персональных данных