Ищете крутые кейсы в digital? Посмотрите на номинантов Workspace Digital Awards 2026!
Fogelsoft
Модульный интернет-магазин
Fogelsoft
#Разработка сайтов под ключ

Модульный интернет-магазин

266 
Fogelsoft Россия, Магнитогорск
Поделиться: 0 0 0
Клиент

Свой продукт

Сфера

Электронная коммерция

Регион

Россия, Магнитогорск

Тип сайта

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

Сдано

Октябрь 2023

Задача

Разработка сайта интернет-магазина с нуля — длительный и дорогостоящий процесс. Использование готовых решений не учитывает всех специфических потребностей и особенностей бизнеса. Готовые решения не всегда легко дорабатываются и быстро устаревают.

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

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

Решение

Используя микросервисную архитектуру мы разработали практически готовое решение для сайта интернет-магазина. Функционал магазина разделен на независимые модули: 

Каталог товаров,

Фильтры для поиска товаров по характеристикам,

Баннеры,

Акции,

Форма обратной связи,

Личный кабинет покупателя,

Корзина и Система управления заказами,

Оплата товаров и формирование счетов,

Избранное,

Сравнение товаров,

SEO,

и др.

Для управления контентом была разработана административная панель.

В итоге мы получили 6 простых шагов по созданию интернет магазина:

1. Сбор бизнес требований.

2. Выбор модулей, отвечающих задачам бизнеса.

3. Сборка магазина.

4. Доработка модулей, если необходимо, по требованиям клиента (разработка специфичного функционала).

5. Запуск интернет-магазина (помощь в выборе домена, хостинга и настройка).

6. Обучение наполнению контентом.

По желанию клиента мы можем разработать индивидуальный дизайн и внедрить его в ваш магазин.

1Составление Технического задания

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

Сформировали и детализировали функциональные требования к сайту для последующей реализации и эксплуатации проекта.

2Разработка типового дизайна

3Проектирование

Разработка архитектуры проекта,

Проектирование базы данных,

Выбор стека технологий:

Фронтенд:  

react, typescript, redux-toolkit, sass(модульный), eslint+stylelint(форматирование кода);

formrk(для форм), yup(для валидации), radix ui и прочие.

для тестов - react-testing-library + jest

Бэкенд: 

Laravel 9.x

composer, redis, mysql, php

4Разработка

В работе мы использовали методологию scrum с ежемесячными спринтами.

Разработка фронтенд и бэкенд (АПИ, административная панель) проекта велась параллельно. Каждая задача была тщательно протестирована специалистами по тестированию. Архитектор проекта составил подробную документацию к АПИ.

Результат

Преимущества:

Любой модуль может быть доработан/расширен под задачи бизнеса.

Легкая интеграция с существующими системами компании.

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

Низкая стоимость владения и поддержки.

Готовность оказать техническую поддержку после запуска проекта.


Стек технологий

  • PHP PHP Язык программирования
  • Sass Sass Язык программирования
  • TypeScript TypeScript Язык программирования
  • Redux Redux Фреймворк/библиотека
  • Laravel Laravel Фреймворк/библиотека
  • React.js React.js Фреймворк/библиотека
  • MySql MySql База данных
  • Docker Docker Среда разработки
  • PhpStorm PhpStorm Среда разработки
  • Figma Figma Графический редактор

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Fogelsoft с удовольствием обсудит вашу задачу

Оставить заявку