ПортфолиоЭпикарт

Корпоративный сайт и личный кабинет Эпикарт

Корпоративный сайт и личный кабинет Эпикарт

Разработка и техническая поддержка сайта для топливных карт Эпикарт, программирование личного кабинета клиента, приложения АЗС-локатор.

Разработка корпоративного сайта и личного кабинета для клиентов топливных карт
  • Проектирование
    Разработка интерактивного прототипа и ТЗ
  • Дизайн
    UI Kit и более 20 интерактивных экранов в Figma
  • Frontend
    PUG (HTML)/SASS (CSS)/Vanilla Javascript
  • Backend
    API на Symfony framework, NJ Admin
  • SEO
    Продвижение сайта в поисковых системах
О проекте
Эпикарт

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

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

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

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

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

Корпоративный сайт и личный кабинет Эпикарт - фото 3
Frontend-разработка

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

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

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

Корпоративный сайт и личный кабинет Эпикарт - фото 4
Программирование (Backend)

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

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

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

Корпоративный сайт и личный кабинет Эпикарт - фото 5
Сложное / интересное

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

Григорий Фролов, NJ Soft
Григорий Фролов
NJ Soft
Результат

Сайт открыт для клиентов, его удобно администрировать и обновлять. Функционалом удобно пользоваться со всех видов устройств. Реализован личный кабинет клиента, в котором работают все необходимые интеграции. Проект подготовлен к SEO-продвижению и развивается в рамках поддержки сайта.

Отзыв клиента

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

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

Топливные карты Epicart
Александр Смирнов
Генеральный директор
Топливные карты Epicart
Обсудить проект

Согласен с обработкой моих персональных данных
в соответствии с политикой конфиденциальности

Мы свяжемся с вами в течение 1 рабочего дня удобным вам способом, обсудим ваш проект, проконсультируем по срокам и стоимости
Григорий Фролов
Григорий Фролов
NJ Soft