Разработка корпоративного сайта с элементами интернет-магазина

78

Цель

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

Задачи

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

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

Front-end: React.js

Back-end: Framework Laravel

Решения

Первым делом мы провели маркетинговое исследование, изучили рынок, ЦА и конкурентов. Нашим дизайнером был разработан уникальный логотип в утвержденной стилистике. За основу взяли 2 цвета: синий и оранжевый. Эти же цвета используются в дизайне сайта.

Кейс разработка сайта

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

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

Далее идет блок с преимуществами компании, и ниже интерактивный блок с категориями товаров, который ведет в каталог сайта. В каждой категории добавлена анимация при наведении.

Контент на страницах загружается быстро, благодаря внедрению при Front-end разработке библиотеки React. Особенно это полезно при плохом соединении интернета и на медленных устройствах.

Кейс разработка сайта

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

Кейс разработка сайта

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

Кейс разработка сайта

Особое внимание уделили автоматизированному подбору готового решения. Интерактивная опция позволяет подобрать оборудование под конкретный тип транспорта и набор услуг, тем самым повышая юзабилити и конверсию сайта.

Кейс разработка сайта

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

Кейс разработка сайта

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

Кейс разработка сайта

Бэкенд сайта реализован на PHP-фреймворке Laravel. Это позволило создать сайт с нуля и реализовать все идеи заказчика на должном уровне.

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

Больше не нужно искать и обзванивать диджитал-агентства!
Создайте тендер и получите предложения по цене и срокам от лучших веб-студий Украины.
Это бесплатно и займет 2 минуты. В каталоге 1500+ диджитал-агенств, готовых помочь в реализации ваших задач. Выберите и сэкономьте до 30% времени и бюджета!
Создать тендер
Подписка на рассылку
Подпишитесь на рассылку новостей и получите:
5% скидку на все услуги веб студий или 10% на рекламу.
Разработка корпоративного сайта с элементами интернет-магазина
Компания:
SySale
Добавлено:
28-04-2021
Перейти на сайт
78

Цель

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

Задачи

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

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

Front-end: React.js

Back-end: Framework Laravel

Решения

Первым делом мы провели маркетинговое исследование, изучили рынок, ЦА и конкурентов. Нашим дизайнером был разработан уникальный логотип в утвержденной стилистике. За основу взяли 2 цвета: синий и оранжевый. Эти же цвета используются в дизайне сайта.

Кейс разработка сайта

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

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

Далее идет блок с преимуществами компании, и ниже интерактивный блок с категориями товаров, который ведет в каталог сайта. В каждой категории добавлена анимация при наведении.

Контент на страницах загружается быстро, благодаря внедрению при Front-end разработке библиотеки React. Особенно это полезно при плохом соединении интернета и на медленных устройствах.

Кейс разработка сайта

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

Кейс разработка сайта

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

Кейс разработка сайта

Особое внимание уделили автоматизированному подбору готового решения. Интерактивная опция позволяет подобрать оборудование под конкретный тип транспорта и набор услуг, тем самым повышая юзабилити и конверсию сайта.

Кейс разработка сайта

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

Кейс разработка сайта

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

Кейс разработка сайта

Бэкенд сайта реализован на PHP-фреймворке Laravel. Это позволило создать сайт с нуля и реализовать все идеи заказчика на должном уровне.

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

Цены на сайты: разработка
Bug