terminal://project/01
vlad@portfolio:~$ open case/monicorusa-ecommerce
E-commerceWebPerformance

Monicor USA — e-commerce доопрацювання для сайту медичних пристроїв

Перетворив існуючий сайт на робочий e-commerce flow: реєстрація, база користувачів, магазин, кошик, checkout, Stripe/Zelle та службові email-повідомлення.

LiveRepo(private)Video(not published)
tech_stack
10 modules
HTMLCSSJavaScriptPHPSQLiteStripe CheckoutZelleEmail notificationsSEOSiteGround
route: /projects/monicorusa-ecommerce
status: production_case
focus: ux / speed / business result
step_01

problem

На сайті вже була форма реєстрації та проста база користувачів, але бракувало важливої логіки: поля Full Name, коректної валідації email, зрозумілого повідомлення після реєстрації, можливості видаляти тестових користувачів і нормального відображення даних у базі. Пізніше задача виросла до повноцінної e-commerce доопрацювання: потрібно було додати магазин для аксесуарів, кошик, checkout, онлайн-оплату, альтернативну оплату через Zelle, окремий сценарій для annual warranty, службові листи після замовлення та базові юридичні сторінки.

step_02

solution

Я почав з акуратної доробки реєстрації: додав поле Full Name у форму, підключив його до бази, оновив структуру таблиці, зберіг і повернув старі записи, переклав підписи колонок англійською, виправив обробку некоректного email і додав можливість видаляти користувачів з бази. Після цього розробив магазин: сторінку Store, картки товарів, кошик, вибір кількості, checkout-сторінку, окрему покупку Annual Extended Warranty із серійним номером пристрою, обмеження доставки для основних товарів на US/Canada, повідомлення для покупців з інших країн, оплату карткою через Stripe Checkout і Zelle як альтернативний спосіб. Також налаштував email-повідомлення для власника та покупця, сторінку успішної оплати, SEO-опис, favicon/social preview, сторінки Terms і Privacy, а для Stripe додав маркування платежів, щоб замовлення з Monicor USA було простіше відрізняти від інших сайтів в одному акаунті.

step_03

my_role

Full-stack доопрацювання існуючого сайту: frontend, адаптивна верстка, JavaScript-логіка кошика, PHP-обробка форм і замовлень, робота з SQLite-базою, інтеграція Stripe Checkout, сценарій Zelle, email-повідомлення, SEO-правки, Terms/Privacy сторінки, тестування та запуск у production.

results
1
Реєстрація отримала поле Full Name, валідацію email і коректне повідомлення після успішної відправки
2
Старі записи користувачів були збережені та повернуті після зміни структури бази
3
Додано магазин із 3 продуктами: Main Cable, electrodes і Annual Extended Warranty
4
Реалізовано кошик, вибір кількості, checkout і окремий сценарій покупки гарантії з Serial Number
5
Підключено Stripe Checkout у live-режимі та альтернативний варіант оплати через Zelle
6
Налаштовано службові email-повідомлення для власника сайту та покупця
7
Додано SEO-опис, favicon/social preview, сторінки Privacy і Terms
8
Додано маркування платежів Monicor USA для зручнішого розділення доходів у Stripe
gallery
click to explore
5 скріншотів
contact://brief

Потрібен схожий проєкт?

Напиши мені коротко, що потрібно зробити — я запропоную рішення, стек і реалістичні строки.

Обговорити проєкт