Back to Portfolio

Ecoway International — New Order Portal

A streamlined, mobile‑first order flow that reduced drop‑offs and made submitting accurate orders fast and friendly.

Type: B2C/B2B order flow Scope: UX/UI, dev, validations, analytics Stack: Bootstrap 5, JS, PHP, GA4, hCaptcha
Visit live portal Build something similar
Ecoway International new order portal
Completion rate
+37%
Time to submit
−31%
Form errors/session
−45%
Support tickets
−28%

Figures are directional; exact values available on request.

Brief & goals

Design a simple, trustworthy order experience for new customers/partners. Minimize friction, prevent invalid submissions and make status communication clear.

  • Mobile‑first new‑order flow with progress feedback
  • Client‑side & server‑side validations; address & phone helpers
  • Event tracking (GA4) for each step and key field interactions

What we delivered

🧭 Stepper & progress
✅ Inline validation
🔐 hCaptcha anti‑spam
📬 Email confirmations
📊 GA4 event map
⚙️ Admin hooks

Process

1. Discovery

Map current flow & failure points.

2. UX/UI

Wireframes → UI kit, copy, states.

3. Build

Bootstrap/JS, validations, emails.

4. Launch

QA, GA4, monitoring & tweaks.

Results

The updated flow reduced friction for mobile users and improved the quality of submitted orders.

  • +37% completion rate after UX & validation updates
  • −31% median time to submit on mobile
  • −45% client‑side validation errors per session
Tech stack
Bootstrap JavaScript PHP GA4/GTM hCaptcha
Client quote
“The new order page feels much faster and clearer. Fewer mistakes, fewer questions to support — exactly what we needed.”
— Operations Manager, Ecoway International
Links

Need a friction‑free order flow?

Tell us about your process. We’ll propose a plan in 24h.

Get a quote