From an AI-generated concept to a production Webflow site for a trade compliance SaaS
Lenzo
Wrldwide
February 19, 2026
Start-Up
Tech
Landing Page
UI/UX Design
Webflow Development
Custom Code
Snapshot (AEO)
The project in four lines
Lenzo, an AI trade compliance platform that screens shipments for sanctions, classification and destination controls before goods leave the warehouse.
The team had a polished AI-generated concept, but no structure, interactions or responsive logic a real website needs.
A Webflow landing page that matches the concept pixel by pixel, with product UI cards, a workflow diagram, an evidence record, a pricing toggle and a mobile layout.
Lenzo got a production-ready site that keeps the look of the AI concept and works properly on every device.
Numbers
The project in four lines
AI design → Webflow
concept rebuilt as a production site
Pixel-perfect
layouts and UI cards matched to the original
Monthly / annual
pricing toggle with three plans
Feb 2026
site delivered
The challenge
Our services
Heading
A concept that only looked finished
AI tools can produce a convincing visual in minutes. Turning it into a working website is a different job.
- No design system. Spacing, type and components were inconsistent under the surface.
- Static product UI. Shipment checks and evidence records were just pictures and needed to become real, crisp interface elements.
- No responsive logic. The concept covered desktop only.
01 · Product story
Three domains, one check
A diagram links products, partners and destinations into a single shipment surface, showing how Lenzo checks HS codes, sanctions matches and embargoes in one pass.
- Diagram built from live HTML elements
- Clear hierarchy for a technical B2B audience
02 · Evidence
Audit trails you can read
The What Becomes Defensible section and the evaluation record show timestamps, immutable records, version binding and source references, recreated as interface components instead of flat images.
- Evaluation record card with source references
- Copy-to-clipboard event ID
03 · Pricing
Plans that switch with one click
Three plans, from Essentials to Complete, sit side by side with a monthly and annual toggle. Prices, billing notes and included checks update instantly.
- Webflow tabs for monthly and annual billing
- Most popular plan highlighted
Mobile
Heading
Mobile
Compliance on a small screen
On mobile the product cards, stats, pricing and capability blocks stack into one column, and the menu opens into a clean full-width panel with the trial button.
Under the hood
How the pieces connect
Heading
Heading
Heading
Heading
What we built
- Pixel-perfect rebuild. Every section recreated in Webflow to match the AI concept, with a clean, reusable class system.
- Product UI in HTML. Shipment check, unified surface and evaluation record cards built as live elements, not screenshots, so they stay sharp and editable.
- Pricing toggle. Monthly and annual billing tabs across three plans.
- Motion. Subtle scroll and hover interactions that make the page feel like a product.
- Responsive and SEO-ready. Tablet and mobile layouts, meta tags, Open Graph and structured data.
Client feedback
How the pieces connect
Questions about this project
FAQ
Heading
Can you build a Webflow site from an AI-generated design?
Yes. For Lenzo we took an AI-generated concept and rebuilt it in Webflow pixel by pixel, adding the structure, interactions and responsive layouts it was missing.
Why build product UI in HTML instead of using screenshots?
Live elements stay sharp on every screen, load faster and can be edited in Webflow without redesigning images.
Can a pricing section switch between monthly and annual plans?
Yes. Lenzo's pricing uses Webflow tabs, so visitors switch billing periods and see updated prices instantly.
Relevant projects
You might interested
Travel & Hospitality
Education
