What Was the Challenge?

When I set out to build my e-commerce platform, I hit a major pain point: other platforms were a nightmare to navigate, with too many pages and steps before you even got delivery. Shoppers abandon carts at 69-81% rates because of this friction (Baymard Institute, 2023). In the Philippines, where over 80% of e-commerce traffic is mobile (Statista 2024), it was even worse slow networks and confusing flows killed conversions.

I knew I had to fix it: Make buying instant, intuitive, and jargon-free.

My Role

• Designed the checkout experience and user flow
• Built the full-stack implementation
• Made UX and product decisions to reduce friction
• Implemented a simplified payment system

My Solution

I turned the landing page into the complete user hub, no extra pages needed. Here's what I did:

• Personalized product cards: Swapped "Buy Now" for "Buy [Product Name]" (like "Buy Premium Coffee Beans"). Personalized CTAs boost conversions by 42% (HubSpot, 2024).
• One-time payments: Single buys wrap up on one page, multiples just need a quick sign-in.
• Smart post-purchase: Users land back with order status right there no hunting.
• Action-first language: Ditched tech speaks for simple verbs that anyone gets.

I slashed steps from 5-7 to 2-3, tapping into data showing 35% better cart recovery with single-page checkouts (Klaviyo, 2024).

How I Implemented the Workflow

The flow stays on one page:

1. Users hit the product listing on landing no navigation hassle.
2. They tap "Buy [Product Name]" or sign in for more.
3. Checkout and pay all in one spot (GCash/PayMaya ready for PH users).
4. Back to landing with a status badge (e.g., "Your Coffee Beans: Preparing").
5. Admin dashboard lets sellers update, notifying users instantly.

It's like Gumroad but tuned for local speed 3x higher conversions from simplicity (Gumroad, 2023).

Results

This solution was designed to reduce checkout friction and improve completion rates.

Early observations show:

• Faster checkout completion (fewer steps, single-page flow)
• Improved usability on mobile devices
• Reduced user drop-off during checkout

Further analytics tracking is planned to measure conversion improvements over time.

Key Learnings

• Reducing steps is more effective than optimizing each step
• Simplicity has the biggest impact on user experience
• Mobile-first design requires prioritizing speed over feature completeness

Conclusion

This project reinforced a key principle: improving user experience doesn’t always require adding more features.

In many cases, the biggest gains come from removing unnecessary complexity and focusing on what users actually need to complete their task.

References

Baymard Institute. (2023). Cart Abandonment Rate Statistics.

Statista. (2024). E-commerce in the Philippines: Mobile Traffic Share.

HubSpot. (2024). State of Marketing Report: Personalization Impact.

Klaviyo. (2024). Checkout Optimization Benchmarks.

Gumroad. (2023). Creator Economy Benchmarks.