Lumora Clothing: платформа для електранікіў усього спектру, яка выходзіць за межы статычнага вітринавання

Lumora Clothing — это платформа для ежадневных торгавых і адміністратыўных задач, створаная для рашэння практычных проблем, з якімі сталкаюцца продавцы адзягу, а не проста статычная веб-сторанка каталогу. Мета дизайну — стварыць систему, якая падтрымвае практычныя пакупкі клёнавцоў і ўседзёныя операцыі магазіна, адночасна зменшаючы колькісць разоў, калі персоналу патрэбны праектавальнікі для рутынных змян.

Рэальная версія платформы доступна за адресам https://lumora-clothing.vercel.app/.

Як выглядае веб-сторанка

Для клёнавцоў створана адповідная веб-сторанка, якая выглядае простаю і савременной праз свой дынамічны дизайн.

Проблема, якую яна рашае

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

Lumora была створана са учыткам гэтых практычных аспектаў, а не шляхом копіювання стандартнага глобальнага шаблона для розрахункоў.

Як платформа ўсуне гэтыя проблемы

Продукт спаўнае вікніцу кліента з адмінистрацыйскай системай, так што бренд можа сам выканаваць ўсе повсякдзенныя задачы.

Панель адміністрацыі для самастойных дзеянняў

Аператары кантролююць тавары, адпраўкі, катэгорыі, размеры, цены і запасы з панелі керування, не правячы коду прыемлікі. Адпраўкі можна выбраць у браузеры за дапамогою FileReader API, адразу прадыкставіць і обработаць за дапамогою трактуючага Base64, так што спецыялісты без тэхнічных навыкаў можу кераваць каталагам.

Адплата за дапамогою квітанцыі

У змену на аднойчынную завісаць ад партнероў-эмітароў карточак, пакупцы можу загрузіць квітанцыю пра банкавы пераказ або депазіт пад час адплаты. Потым замовленне пераходзіць у стан “Перакананне па квітанцыі”, так што персонал можа падтвердзіць адплату прычаму да продажу.

Автаматызаваныя паведамленні пра замовленні

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

Масовы пат трэбаў B2B

Працавальнікам, які купуют у великих колькасцях, патрэбны іншыя процесы, чым пакупальцам у рэтэлі. Lumora працюе з запитамі на большыя колькасці: тут саўтываецца колькасць, матэрыял і дадатковыя трэбаванні, пасля чаго гэта ператвараецца ў структураваны запіс у WhatsApp, каб падпрыемство магле продаваць далей на канале, які ўжо викорыстоўваецца.

Тэхнічная архітектура

Система практыкуе роз’ўязанне на аснове фул-стак, дзе элементы не з’ўязаны між сабою.

Фронтэнд

• Інтерфейс React 18
• Тыпы TypeScript
• Стилізацыя Tailwind
• Кліент Axios для HTTP-з’ўязкаў
• Набор ікон Lucide

Сэрвер

• Сераверна среда Node.js
• Фрэймворк Express для HTTP-з’ўязкаў
• Эндпаінты REST, оріўентаваныя на ресурсы
• Сеансы, падписаныя за дапамогою JWT
• Перакрыцча ролей, якія контролююць дзеянні адміністратара і пакупальца

База дадзеных

• Кластэр, хоставаныя на MongoDB Atlas
• Моделі дакументаў Mongoose

Інтэграцыі

• Падзелка зноў для транзакцыйных пісьмаў
• Глыбокія лінкі для чату ў WhatsApp
• FileReader у прыгледчыку для локальных прадзіроўкаў

Размешчэнне

• Vercel размешчае SPA
• Railway размешчае API

Кліент выступае ў зв’язку з серверам через REST. Сервер адпавядае за аутантыкацыю, бізнес-правіла, зберагчэнне дадзеных і внешнія інтеграцыі.

Ключовыя аспекты інжынернай роботы

1. Меньшая залежнасць ад разработчыкаў

Адной з галоўных мэтак была аператыўная незалежнасць. Змены каталагу і запасоў відбываюцца ў панелі керування, без неабходнасці выкладчыка коду пасля кожной змены.

2. Адпаведнасць локальным прычынкам купавання

Дизайн аплатаў адпавядае банкавым пераказам і квітанцыям пра здзейсненне внескаў, популярным сярод цэльовых корыстнікаў. Масавыя пераказы продовжваюцца ў WhatsApp. Кансэпт: програмнае забезпечэнне должна прыстацься да людзей, а не змушваць людзей прыстацца да яго.

3. Роздрібна та оптовая продажа адзінаго прыладу

Індывідуальныя пакупкі і масовыя запиты арганізацый можаць існаваць разам, без неабяжнасці прымусваць оба аудытарыя групы прайслаць заўсёды адно і тое ж.

4. Автаматызацыя павторных задач з статусам

Упыткі, базаваныя на статусе, скарочуюць ручную працу і спрабоўваюць зробіць комунікацыю з кліентамі болей адносным.

Шырэйшыя выводы

Асновны урок заключаецца ў тым, што справжні прылад — гэта не толькі выбор сучасных тэхналогій. Гэта таксама розумеўце бізнес-процэсаў, якія праграма должна падтрымваць. Тры прынцыпы стварылі Lumora:

Ствараць прылад для аператывнай незалежнасці. Рутынныя задачы не должны чакаць на інжынераў.

Дизайнацыя, адпаведная рэальнаму паведанню. Выбор тэхналогій должен адпавядаць таму, як аудытарыя групы вже плаціць і камунікаваць.

Автаматызавайце там, дзе это дапомагае. Павтаральныя крокі выконання задач трэба перакласты ў систему, калі автаматызацыя робіць працэю быстрей і надзеяней.

Заканчэнне

Lumora пачала як ідея е-камеры, але стала практыкай у сферах full-stack інжынерыі, проектавання працэсаў, автаматызацыі і архітектуры, оріѐнтаванай на корыстніка. Мета ніколі не была толькі стварэнняе сторанцы, дзе люди купуюць адзяг. Цэла была стварэння платформы, дзе кліянты моглі спакойна выконваць пакупкі, адміністратары самастоятельна керавалі даннымі каталога, замовленні праходзілі па структураваным алгорытму, пакупцы отрымвалі автаматызаваныя апошнія паведамлення, а бізнес могаў обслужваць як роздробныя, так і масовыя запиты. Самэ гэта соўтаванне робіць Lumora платформай для е-камеры full-stack, створанай на адпаведнасці з практычнымі запатраннямі, а не простаў тонкай вітринай.

Незалежна каталогізацыя таксама зменяе частоту выпуску продуктав. Калі цены і фота больш не чакаюць на певны этап розработкі, час на інжынерскую працу можна перакрыць на павышэнне якосці рабочага процесу: болей чыстая перакантролька змян, адрабоўленыя ролі JWT і кращая обработка масовых запитоў. Гэта пераход — ад рэдагавання контента ў запитах на падключэнне да роботы над продуктамі на самай платформе — ёсць часткай таго, што на практыцы значыць «полны стак комерцыі» для адэмнай справы.