Разработка корпоративного сайта с элементами интернет-магазина
Цель
Перед нами была поставлена задача разработать корпоративный сайт компании с функционалом онлайн-покупки и оформления заказа под ключ. Наш клиент — крупный холдинг на рынке нефтепродуктов, транспортной телематики и спутниковой навигации в Украине.
Задачи
Первоочередной задачей был ребрендинг, обновление логотипа и фирменного стиля. Обязательными составляющими сайта были наличие личного кабинета клиента, мультирегиональность сайта, наличие каталога с разделами товаров, возможность оформления покупки и оплаты онлайн, страниц с предоставляемыми услугами, страниц блога, кейсов.
Используемые технологии
Front-end: React.js
Back-end: Framework Laravel
Решения
Первым делом мы провели маркетинговое исследование, изучили рынок, ЦА и конкурентов. Нашим дизайнером был разработан уникальный логотип в утвержденной стилистике. За основу взяли 2 цвета: синий и оранжевый. Эти же цвета используются в дизайне сайта.
Наша команда предложила дизайн, соответствующий актуальным трендам. Ключевыми особенностями сайта стали функциональность и информативность, доступность для пользователей любой возрастной категории, добавление элементов, вовлекающих пользователя, большое количество изображений, видео, инфографики.
Главная страница начинается из серии баннеров, объединенных общей концепцией. Такие баннеры информируют пользователей об акциях и выгодных предложениях.
Далее идет блок с преимуществами компании, и ниже интерактивный блок с категориями товаров, который ведет в каталог сайта. В каждой категории добавлена анимация при наведении.
Контент на страницах загружается быстро, благодаря внедрению при Front-end разработке библиотеки React. Особенно это полезно при плохом соединении интернета и на медленных устройствах.
Обратите внимание, что хедер сайта при скроллинге страницы залипает, поэтому ключевой функционал всегда находится на экране.
Поскольку деятельность компании многофункциональна, то для удобства пользователей и простоты навигации мы сегментировали услуги компании на несколько видов. Таким образом клиент может подобрать себе услуги как и по имеющемуся типу транспорта, так и по сфере свой деятельности.
Особое внимание уделили автоматизированному подбору готового решения. Интерактивная опция позволяет подобрать оборудование под конкретный тип транспорта и набор услуг, тем самым повышая юзабилити и конверсию сайта.
На сайте также предусмотрена возможность покупки оборудования онлайн, есть полноценный каталог, корзина, личный кабинет для оформления заказов. Мы интегрировали на сайт CRM систему клиента, подключили сервис для онлайн оплаты.
Карточка товара выглядит лаконично и информативно, на странице есть возможность не только приобрести товар, но и задать вопрос, либо запросить консультацию.
Бэкенд сайта реализован на PHP-фреймворке Laravel. Это позволило создать сайт с нуля и реализовать все идеи заказчика на должном уровне.
Сайт адаптирован под различные разрешения экрана, благодаря этому информация корректно отображается на разных устройствах, не теряя свой функционал.