This site uses cookies

We and selected third parties use cookies (or similar technologies) for technical purposes, to enhance and analyze site usage, to support our marketing efforts, and for other purposes described in our Cookies policy.

winwinx case study header by ofspace

How We Designed WinWinX to Make Buy Now, Pay Later Feel More Human

WinWinX came to us with a bold idea: make Buy Now, Pay Later work directly between people. Instead of relying on traditional lenders, WinWinX lets buyers and sellers connect, negotiate payment terms, and complete purchases over time.

Our role was to turn that idea into a product experience that felt simple, trustworthy, and approachable—from discovering a product and making an offer to managing payments and building trust.

Services

About the Project

WinWinX is a person-to-person Buy Now, Pay Later marketplace that gives people more flexibility in how they buy and sell. Buyers can purchase products with a down payment and continue paying over time, while sellers can define payment terms and choose which offers to accept.

We partnered with the WinWinX team to shape the product experience across marketplace, payment, trust, and account flows. Our focus was to make a relatively unfamiliar financial model feel intuitive while creating a visual system that could work consistently across web and mobile.

winwinx grid image 1 by ofspace
winwinx grid image 2 by ofspace
winwinx grid image 3 by ofspace
winwinx grid image 5 by ofspace
winwinx grid image 6 by ofspace

The Challenge

Buy Now, Pay Later is familiar, but WinWinX approached it from a fundamentally different direction. Instead of placing a bank or lender between the buyer and seller, the platform creates a direct relationship between real people. That meant the product had to make payment plans, offers, verification, and transactions easy to understand.

We also had to design for trust. Users needed confidence before purchasing from someone they had never met, while sellers needed enough information to make informed decisions about offers. The TrustScore became an important part of that experience, turning identity and transaction history into a visible layer of credibility.

winwinx challenge image 1 by ofspace
winwinx challenge image 2 by ofspace
winwinx challenge image 3 by ofspace

Our Approach

product, make an offer, agree on a payment schedule, submit a down payment, receive the product, and continue with automatic payments. A seller moves through a different but connected journey: listing a product, reviewing offers, checking buyer trust, accepting terms, and receiving payments.

The challenge was to make these different journeys feel like one coherent product.

winwinx image our approach 1 by ofspace

Product structure and flow

We organized the experience around the moments that matter most: discovering products, making offers, agreeing on payment terms, completing a transaction, and building a trusted profile.Each workflow was designed to stand on its own while remaining connected through a shared navigation system, reusable components, and consistent interaction patterns.

The hierarchy was built around the user's next decision. Instead of overwhelming people with financial information, we surfaced the details they needed at each step—price, down payment, installment amount, payment frequency, seller or buyer information, and TrustScore.

Designing for clarity, not decoration

WinWinX needed to feel different from both traditional financial products and conventional marketplaces. We kept the interface clean and approachable, using generous spacing, simple cards, clear typography, and focused calls to action.

Color became functional rather than decorative. Blue established the product's identity and sense of confidence, while the TrustScore introduced a more visual way to communicate reliability. The result was a system that could support complex financial interactions without making the product feel complicated.

winwinx image our approach 2 by ofspace
winwinx image our approach 3 by ofspace

Motion as a layer of confidence

For WinWinX, motion wasn't added simply to make the interface feel polished. It helped explain what was happening during important moments in the transaction.Transitions helped users understand when an offer changed, when a payment action was completed, or when a verification step moved forward. Small moments of feedback made the system feel more responsive and helped reduce uncertainty around financial actions.

Responsive and accessible

The platform needed to work across the environments where buyers and sellers actually use it. We designed the core experience for desktop and mobile while keeping the same information hierarchy and interaction logic across screen sizes.Marketplace discovery, product details, offers, TrustScore, and account experiences were structured so users could move between devices without having to relearn the product.

WinWinx-image-Our-Approach-4-by-ofspace

Before & After Mobile app

The mobile experience brought the WinWinX marketplace closer to the moment of purchase. We focused on simplifying product discovery, making payment information easier to scan, and giving TrustScore a clear presence without letting it dominate the shopping experience.

The same design language was extended across marketplace browsing, product details, offers, profiles, verification, and payment-related flows so the mobile product felt like part of the same ecosystem as the web platform.

winwinx before image by ofspace
winwinx after image by ofspace

WinWinX Product and
Responsive Overview

WinWinX is designed around a simple promise: buy what you need today and pay over time. The product brings together marketplace discovery, flexible payment plans, person-to-person offers, seller controls, and a trust layer within one connected experience.

We built the interface system to scale across marketplace pages, product details, user profiles, offers, verification, and responsive experiences. This allowed the product to stay visually consistent while supporting very different user journeys.

SimplePin Product webapp checkou page 1 by ofspace
winwinx home page responsive 1 by ofspace
winwinx Product page responsive 1 by ofspace
winwinx score page responsive 1 by ofspace
winwinx score page responsive 2 by ofspace
winwinx search page responsive by ofspace
winwinx add product page by ofspace

The Result

WinWinX now has a product experience built around its most important differentiator: person-to-person Buy Now, Pay Later. The marketplace connects discovery, negotiation, trust, and payments into a single journey rather than treating each as a separate financial process.

The experience makes a new model of online commerce easier to understand—users can find something they need, agree on terms, make a down payment, receive the product, and continue paying according to the agreed plan.

What This Project Reinforced

Designing WinWinX reinforced something we believe across fintech and marketplace products: complexity doesn't have to be visible to the user.

When money, trust, and unfamiliar workflows come together, every interaction matters. A clear payment breakdown, an understandable offer, a visible TrustScore, or a well-timed confirmation can make the difference between uncertainty and confidence.

For us at Ofspace, the project was about more than designing screens. It was about taking a new approach to Buy Now, Pay Later and giving it an experience that feels human, transparent, and easy to use.

Leading Cards T shart branding 02 by ofspace

What clients love to Tell about us

Answer to your questions

How do I start a SaaS product design project?

To request designs, simply Submit a Project Request and provide your required information for clearity. Or get your unlimited design subscription With Ofspace. Submit your design request today and finish it with us the next day. No hiring, no contract, unlimited requests. To know more details book a 15 min free call.

Who founded Ofspace?

Ofspace was founded by Sheikh Al Raihan and Surja Sen Das Raj, two digital design leaders who built the agency to help startups and enterprises scale through high-impact UI/UX and branding.

Where is Ofspace located?

Ofspace serves clients across the USA and Canada, as well as worldwide, while its main headquarters is located in Bangladesh.

What services does Ofspace provide?

What makes Ofspace different from other design agencies?

At Ofspace, we design with purpose. We focus on solving real problems that startups face, such as high churn, low retention, and poor onboarding. We partner with founders to create growth-driven UI/UX designs that help scale products, attract investors, and boost user engagement. Unlike many design agencies that focus on aesthetics, we build designs that move the needle on your business metrics.

How fast can we expect results from Ofspace?

We understand that time is crucial for startups. At Ofspace, we set clear milestones and deliver fast, consistent results. Our transparent process ensures that you always know what’s happening, and we aim to deliver investor-ready designs on time, every time. You can expect your first design samples within 48 hours of your request, keeping your startup on track for faster go-to-market timelines.

Do you work with startups at every stage of growth?

Yes! Whether you're in the idea validation phase, building an MVP, or scaling for growth, we offer customized design solutions that meet your specific goals. We understand that every startup’s journey is unique, and we tailor our approach to suit your needs — whether you’re launching a new product or improving an existing one.

How do you ensure your designs align with our
startup goals?

Our design process is rooted in strategic thinking. We collaborate closely with you to understand your business goals, growth metrics, and user needs. Every design decision we make is driven by data, user insights, and your startup’s key performance indicators (KPIs). This ensures that our designs don’t just look great—they drive business growth.

What is your pricing structure like?

We believe in transparency. Our pricing model is simple and all-inclusive, designed to scale with your needs without hidden fees. You won’t have to worry about vague retainers or unexpected costs — we offer clear pricing for every project, so you can budget confidently.

What industries does Ofspace specialize in?

We specialize in working with startups across a variety of industries, including realstate, fintech, healthtech, SaaS, AI, e-commerce, and more. No matter the industry, we focus on designing products that drive growth, improve user experience, and scale effectively. If you're a startup, we’re here to help you transform your vision into a market-leading product.

How do you ensure design quality?

Quality is at the heart of everything we do. From the initial concept to the final launch, we follow a user-centered design process that emphasizes continuous testing, feedback, and iteration. Our team of expert designers works closely with you to ensure the product not only looks amazing but also delivers the best user experience and meets your business objectives.