Кейс по разработке сайта-каталога для компании, продающей тонометры и термометры
Создать сайт-каталог на белорусском и русском языках в фирменных цветах бренда. Должен соблюдаться минимализм в дизайне и медицинская тематика. Создать страницу с картой, где будет реализована возможность посмотреть адреса продажи приборов. Обязательно размещение видео на первом экране главной страницы, при этом обеспечить высокую скорость загрузки.
Создан сайт-каталог для медицинской компании, который выделяется минималистичным дизайном и строгой цветовой палитрой, соответствующей фирменным цветам бренда. Сайт предлагает удобный каталог медицинских приборов, доступный на белорусском и русском языках, что позволяет пользователям легко находить необходимую информацию.
Продажа медицинских приборов
- 3 недели – дизайн
- 1,5 месяца – разработка
- 3 недели – заполнение
Краткий бриф на разработку сайта
WordPressВыбор цветовой палитры, шрифтов и визуального контента
Полезный и для пользователя, и для бизнеса функционал
При разработке первого экрана было учтено пожелание о размещении видео, поэтому шапка сайта и информация поверх видео не были перегружены. Цель первого экрана – показать миссию нового бренда с кнопкой перехода на страницу «О нас» и возможностью оставить заявку.
На главной странице, помимо карточек каждой категории продукции, содержится информация о бренде Sertsa с фотографиями, показывающими свободный и умиротворенный дух белорусского народа. На одной из фотографий изображено, как выглядит упаковка продукции бренда.
Стоит уделить внимание каталогу на сайте. Мы учли пожелания клиента и добавили возможность сортировки и фильтрации продукции в каждой категории. В блоке с сортировкой также указано, сколько товаров представлено брендом. Фильтр небольшой, так как клиентом выбрано всего два параметра для фильтрации, одним из которых является цена.
При наведении на ссылку «Каталог» раскрывается иллюстрационный список, где представлены категории товаров с их изображением.
Подвал сайта должен быть привлекательным, чтобы посетитель хотел остаться на сайте и переходить на внутренние страницы. В данной части содержится привлекательная форма обратной связи и отрисованная нами полигональная иллюстрация, чтобы украсить нижнюю часть футера. Контактная информация и меню в футере размещены пропорционально относительно друг друга, чтобы наблюдалась чистота в композиции элементов.
Реализована возможность сравнивать как все товары внутри категории, нажав на соответствующую кнопку рядом с сортировкой, так и выбранные посетителем товары, который он сам добавил в сравнительную таблицу. Переход на индивидуальное сравнение происходит посредством кнопки красного цвета, которая появляется над карточкой товара, который добавили в сравнение. Там же есть возможность удалить товар из сравнительной таблицы.
Карточка товара отличается от аналогичных страниц медицинских приборов на белорусских сайтах. Внешний вид карточки выполнен по современным требованиям к дизайну: минимализм, эстетика и игра с типографикой.
Какие инструменты и технологии мы использовали
Скорость загрузки сайта
Google PageSpeed Insights
Пожеланием Заказчика была высокая скорость загрузки сайта, и ожидания клиента оправдались сверх меры: несмотря на наличие видео на главной странице, наши специалисты добились самого высокого показателя в 100 баллов на десктопных устройствах и 92 балла на мобильных (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). Благодаря этому, клиенты будут быстрее перемещаться по сайту и лояльность к компании повысится, что влечет за собой увеличение прибыли.
Результаты по проекту
По завершению работы все требования и пожелания Заказчика были учтены и реализованы в проекте. Был разработан минималистичный сайт-каталог в фирменных цветах бренда, на которой присутствует карта с возможностью посмотреть адреса продажи приборов. Наши специалисты обеспечили высокую скорость загрузки сайта, притом что на главной странице размещено видео на весь экран. Но самое важное для нашего агентства – клиент остался счастлив от проделанной нами работы.
Давайте обсудим проект!
