ilavista

Разработка B2B интернет-магазина для компании SADU.

Тип проекта

Интернет-магазин

Клиент

SADU ABRASIVES L.T.D.

Услуги

Technical Requirement

UX/UI-design

Front-end / Back-end

QA

Production

Support

Срок реализации

6 месяцев

01 Sadu

Рассказываем про этапы
разработки SADU

Задачи проекта:

  • Отобразить каталог продукции с индивидуальными ценами для каждой организации и страны.
  • Создать удобный способ оформления заявки.
  • Оптимизировать работу менеджеров.

Мы используем гибкую методологию Agile, Scrum, что позволяет создавать проекты, которые отвечают бизнес-требованиям.

Инструменты: Jira, confluence (для формирования задач), Miro, Figma (для создание карт проекта).

Все исследования (создание карт ценностного предложения, персон, CJM и сценариев) делаются в Figma.

Инструменты: Figma, Sketch (для интерфейсов и прототипирования), Adobe Photoshop, Adobe Illustrator (для графики), InVision (для прототипирования), Adobe After Effect (для видео-контента).

Инструменты: Vue.js (vuex, vue-router и т.д.), Bootstrap 5, GSAP, html, css, js.

Технологии: AMP (технология google для ускорения загрузки и работы сайта), SPA (технология для работы сайта без перезагрузки страниц), PWA (для функциональности мобильного приложения).

Используем Laravel Framework (v9) - php-фреймворк с открытым кодом, а также сопутствующие технологии (MySQL, Redis, Docker, socket.io и др.)

Каналы: контент-маркетинг, поисковое продвижение (SEO), платная реклама (поисковая, медийная, таргетированная)

Инструменты: Google аналитика, Yandex метрика (инструменты веб-аналитики), сторонние сервисы для создания квизов, лид-форм, отложенного постинга, масслукинг/масслайкинг, чат-боты, всплывающие окна.

02 Главная страница

Минималистичный интерфейс помогает пользователю быстро решать свои задачи. При разработке мы всегда ориентируемся на удобство конечного клиента.

Alt text
03 Каталог + страница товара

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

04 Корзина + оформление заказа

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

05 Личный кабинет клиента
06 Личный кабинет менеджера

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

Разрабатываем прототипы
и интерфейсы в Figma

07 SEO оптимизация

Для получения бесплатного трафика на сайт, в структуру была заложена SEO оптимизация. Все страницы имеют метаданные: URL / Title / H1 / Description / Alt. Для динамических страниц метаданные создаются автоматически по заданной логике. Это дает дополнительный бесплатный трафик на сайт.

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

Vue.js, Vue-Bootstrap, HTML5, AJAX, CSS3, JavaScript, Vuex

Бэкенд

PHP7, Docker, MySQL, GIT

Интеграции

Microsoft Office

08 Наши контакты

Остались вопросы или хотите заказать разработку сайта? Заполните форму обратной связи, и мы свяжемся с вами в рабочее время!

Тип услуги
Бюджет