You open a protective case. Inside, every lens, cable, and battery sits in its own perfectly shaped slot. Nothing moves. Nothing rattles. It feels simple. But behind that simplicity is a surprisingly complex design process.

If you’ve ever transported something fragile—a camera, a drone, a piece of equipment you really care about—you know that the case matters almost as much as what’s inside it. But the real magic often happens inside the case: in the foam that keeps every object perfectly in place.

Now imagine designing that foam layout yourself—directly in your browser. For one of the world’s best-known protective case manufacturers, that idea already existed. But the technology behind it needed a serious upgrade.

How do you rebuild a platform like that? What does it take to combine web development, 3D visualization, and real manufacturing processes in a single product? We talked about this with Oleksii Antonenko, Delivery Manager at AMC Bridge, who has been leading the project since its early days.

Where We Started: A Beloved Brand, a Tired Tool

Our customer is a well-known brand in the protective equipment space. Their cases protect everything from cameras to lab gear. But their legacy web tool for custom foam? It had miles on it. The business pain was simple: too few conversions and too much friction. Users were clearly interested in customizing their cases, yet the design process could feel complex at certain stages. Our goal was equally simple—make the design flow irresistible and the results trustworthy, so more people hit “Order.”

From day one, we treated this like a product we owned. We ran a discovery phase, mapped user paths, compared competitive experiences, and set a north star: visual clarity and manufacturable precision—no compromises.

The Heart of It: A Hands‑On 3D Designer People Want to Use

We quickly realized that the most important part of the experience was the moment users actually started designing their foam layout.

The existing tool had served its purpose well, but evolving user expectations called for a more intuitive and visually engaging workflow—so that became one of our main priorities.

• Real-time 3D visualization: We focused on lighting, materials, and tactile cues so your design looks like something you can reach out and grab—because that’s what inspires confidence.
• More intuitive design decisions: From case selection to layout tweaks, every micro‑interaction needed to feel obvious at first glance and powerful on second.
• Built-in manufacturability guidance: The system guides users toward layouts that can be reliably produced, while still allowing flexibility where it matters.

And yes, the results showed up in the data: the redesigned web experience with 3D previews contributed to a broader growth trend that saw foam order revenue double over a two-year period, while expanding the catalog coverage (from 75 to 102 case models) and foam options (from 2 to 8 materials).

Research the Business Like It’s Your Own

I can’t stress this enough: one of the biggest turning points in the project came when we started to truly understand how our customer’s product is manufactured in the real world.

On the surface, designing foam inserts might seem like a purely digital task. But production always brings its own constraints and logic. As we learned more about the manufacturing process, we realized that some of our early assumptions about how designs should be translated into production files needed to evolve.

By aligning the digital design workflow more closely with real production practices, we were able to make the system more practical and predictable for engineering teams using it downstream. The tool started to feel more “native” to the customer’s environment—not just visually modern, but operationally relevant.

That insight didn’t come from a ticket or a specification. It came from curiosity—asking questions, validating assumptions, and trying to see the product from the customer’s perspective.

If I had to put it on a poster: “Do the business homework. The code will thank you.”

Under the Hood: Light on the Jargon, Heavy on the Outcomes

Technology mattered—but only where it improved speed, clarity, and scalability. We kept the stack modern and pragmatic—a full-stack JavaScript approach with focused use of 3D technologies where they delivered the most user value. The point wasn’t chasing exotic tech; it was shipping a snappy, stable editor and integrating cleanly with the customer’s existing systems: product data, order orchestration, and region‑specific rules.

A few pieces I’m proud of:

• Admin for global nuance: Pricing rules, units, tax behavior, promos, and catalog switches—configured by region so the business can adapt without a code push.
• Vector‑precise outputs: We generate scalable, production‑ready drawings so the cut is exactly what the user designed—no blurry handoffs.
• Performance and technical SEO readiness: Faster loading times, improved structure, and better discoverability.

There are a couple of moments from this project that I still come back to.

One of them was realizing how much visual trust depends on small details. As we refined textures, lighting, and overall rendering quality, the 3D preview started to feel clearer and more informative in certain scenarios than traditional product photos. That shift mattered. Users seemed more confident in their decisions—instead of wondering whether everything would fit, they began to focus on how they wanted to organize their equipment.

Over time, the visual fidelity of the generated layouts reached a level where, in some cases, these renders became more practical for internal and marketing use than actual photos. This opened up new opportunities for the client—for example, reusing high-quality visual configurations as reference or inspiration for future product options, without the need to recreate physical samples.

Another insight came later in the journey. We introduced a small but mighty “Replace Case” option—so you could switch to a better‑fitting case without starting over. The change made the experience more forgiving and reduced friction at the final steps of the design flow.

Looking back, both of these moments reinforced the same idea: thoughtful experience design doesn’t always require dramatic changes—sometimes small improvements can have a meaningful business impact.

What the Numbers—and People—Say

We’re builders, but we still smile at outcomes. Since launch, the client has reported a significant lift in daily revenue and a year‑over‑year revenue double for foam orders across 2022–2024, alongside expanded SKUs and materials, and very high post‑launch user satisfaction.

And you don’t need a dashboard to feel it—jump into the experience and it’s obvious why people call it “ridiculously intuitive.” (Their words, not mine.)

If You’re Joining a Project Like This, Here’s My Advice

• Lead with questions, not tickets. Before you implement, understand how money is made and value is delivered. The best features often hide in the factory, not the backlog.
• Be opinionated about UX, humble about outcomes. Fight for clarity, but measure everything and let the data steer.
• Sequence for revenue, not drama. Some features delight; others convert. Ship the ones that move the needle first.

Why This Still Feels Fun

Because it’s real. Real gear. Real constraints. Real people saving real time. When a user drags a contour, rotates a view, and the preview lights up just so—it’s not just pixels. It’s trust forming in milliseconds.

And when the business grows because the experience respects both the user’s intent and the manufacturer’s reality—that’s the kind of win that keeps a delivery manager like me coming back for more.

Somewhere right now, someone is packing a case. Everything fits. Nothing moves. That quiet moment of confidence—that’s what this project is really about.