О проекте

ТК «Эпикарт» является одним из лидеров в процессинге топливных карт в России. Основное направление работы компании — оказание услуг по заправке транспорта клиентов на АЗС при помощи пластиковых карт, автоматизация безналичных расчетов за полученное по картам топливо.

Компания «Эпикарт» обратилась к нам за разработкой корпоративного сайта, личного кабинета и мобильных приложений. Каждую из этих задач мы выделили в отдельный проект и реализовали параллельно.

Логотип Эпикарт
Задачи:
  • Создание современного web-сайта, предоставляющего клиентам компании всю необходимую информацию для принятия решения о сотрудничестве
  • Разработка личного кабинета клиента для автоматизации действий с  топливными картами, предоставлением бухгалтерских документов и информированию клиентов
  • Программирование мобильных приложений для максимально удобного использования личного кабинета и АЗС-локатора с мобильных устройств iOs и Android
Смотреть решение
Этапы работы
1. Проектирование и дизайн

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

На слайдере ниже Вы можете заглянуть «за кулисы» рабочих процессов и частично посмотреть прототип, концепцию дизайна, UI Kit, а также как проходит работа по методологии Mobile First.

Корпоративный сайт и личный кабинет Эпикарт - фото 1
Разработка интерактивного прототипа в Figma
Корпоративный сайт и личный кабинет Эпикарт - фото 2
Создание дизайн-концепции на примере главной страницы
Корпоративный сайт и личный кабинет Эпикарт - фото 3
Дизайн проекта был выполнен в формате mobile-first
Результаты работ по этапу:
  • Интерактивный прототип для сайта, личного кабинета и мобильного приложения клиента Эпикарт;
  • Более 90 экранов дизайна в Figma, подготовленных к верстке;
  • Техническое задание по проекту.
Лаконичная и современная дизайн-концепция подчеркивает статус компании-лидера по процессингу топливных карт в России. В проекте была использована нестандартная навигация в виде закрепленного вертикального меню, которое полностью разворачивается при взаимодействии пользователя с любым его пунктом.
Смотреть дальше
2. Frontend-разработка

Следующий этап после дизайна — верстка макетов и их адаптация для всех типов экранов. Как и дизайн, frontend-разработку мы проводили по методологии Mobile First. Это позволило сконцентрироваться на пользователях мобильных устройств и обеспечить им максимально удобное взаимодействие с интерфейсом.

Мы работали над дизайном и версткой паралелльно. Это позволило ускорить запуск первой версии сайта на 30%. Смотрите небольшой видеоролик, демонстрирующий работу интерактивных элементов проекта.

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

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

В сердце проекта — наша собственная разработка NJ Admin и компоненты Symfony Framework. Для каждого типа контента мы разрабатываем удобную форму для добавления или изменения информации.

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

Корпоративный сайт и личный кабинет Эпикарт - фото 4
NJ Admin — авторизация
Корпоративный сайт и личный кабинет Эпикарт - фото 5
NJ Admin — работа с контентом
Корпоративный сайт и личный кабинет Эпикарт - фото 6
NJ Admin — редактирование аккаунта пользователя
Результаты работ по проекту:
  • Сайт открыт для клиентов, его удобно администрировать и обновлять
  • Функционалом удобно пользоваться со всех видов устройств
  • Реализован личный кабинет клиента, в котором работают все необходимые интеграции
  • Проект подготовлен к SEO-продвижению и развивается в рамках поддержки сайта
Приглашайте к обсуждению Вашего проекта!
Отправить заявку
Топливные карты Epicart
Отзыв о проекте

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

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

Александр Смирнов
Генеральный директор


Приглашаем к сотрудничеству
120+
завершённых проектов
20+ лет
помогаем клиентам расти
127473, Москва, улица Селезневская, дом 32
Заполните форму и мы свяжемся с вами в ближайшее время!
Согласен с обработкой моих персональных данных
в соответствии с политикой конфиденциальности
127473, Россия, Москва, улица Селезневская, дом 32, офис 302
+7 (495) 477-60-74
Welcome-скидка на разработку цифровых продуктов
Welcome-скидка 20%
Готовы обсудить ваш проект и предоставить для новых клиентов welcome-скидку в размере 20% от чека на первый заказ.
Заказать аудит SEO продвижения веб сайта
Не работает SEO?
Специалисты NJ Soft проведут бесплатный эспресс‑аудит сайта тем, кто оставит заявку до 31 октября 🔥. Вы получите:
  • Анализ вашего сайта на соответствие требованиям поисковых систем более чем по 30 параметрам.
  • Рекомендации по доработке сайта по каждому из параметров.
  • Краткий юзабилити-анализ и рекомендации по улучшению веб‑сайта.