Opsi Systems — Enterprise Transportation Technology Website
Russel Shalom Davis
Founder, BrandingLab
Overview
This project didn't start with Opsi Systems. It started with Tramm.
BrandingLab was brought in on a retainer to work on tramm.global — the website for Opsi's flagship transportation management system. That engagement involved ongoing SEO and AEO optimisation, content architecture, and digital strategy for Tramm TMS and the Chora GPU optimization engine.
Having seen what BrandingLab could do for the Tramm brand, the team at Opsi Systems — the corporate parent behind Tramm and Chora — decided to brief us on rebuilding the Opsi corporate website. The result was opsisystems.com.
Opsi Systems operates across 4 global regions and serves enterprise logistics environments where complexity is the norm — global 3PLs, private fleets, retail, FMCG, and manufacturing. BrandingLab designed and built opsisystems.com as a full Webflow website that positions Opsi as a credible enterprise technology parent and communicates platform depth, global scale, and governance standards to demanding B2B buyers.
Critically, this is not a one-time project. BrandingLab continues to work with Opsi Systems on an ongoing retainer — optimising content, strengthening AEO structure, and ensuring the site is found by the right buyers through AI-powered search tools. In a world where enterprise buyers increasingly use tools like ChatGPT, Perplexity, and Google's AI Overview to research platform decisions before visiting any website, AEO is not a launch activity. It is a continuous one.
The Challenge
Enterprise software buyers evaluate risk as much as they evaluate features. Opsi needed a website that would earn the trust of logistics directors, CIOs, and procurement teams in the first scroll — without a generic SaaS template, without startup energy, and without simplifying the technical depth of the product.
The challenge wasn't just design. It was communication architecture: how do you present GPU-powered route optimization, ISO 27001 compliance, multi-fleet TMS, and 25 years of domain expertise to four different global buyer audiences in one coherent digital experience?
Our Approach
We built opsisystems.com on a dark, authoritative visual foundation — a deliberate departure from the startup aesthetic. Every design and content decision was made around one question: what does an enterprise procurement team need to see to move forward?
The content architecture was structured around buyer questions, not product features:
- Who is this company and how long have they been doing this?
- What does the platform actually do at enterprise scale?
- Can this handle our complexity — multi-fleet, multi-principal, global?
- Are they compliant with ISO 27001, GDPR, and POPIA?
- How do we start a conversation?
We also implemented Answer Engine Optimization (AEO) — structuring every page with correct heading hierarchy, FAQ schema markup, and semantic content blocks so Opsi appears in AI-generated research answers, not just traditional search results.
Lottie Animations
To bring the Opsi Systems brand to life on the website, we generated a series of custom Lottie animations in line with the brand's dark, authoritative visual style. Rather than using generic stock animations, we took a different approach: the Lottie files were generated by feeding the site content into Claude Code and prompting it to build Lottie diagrams in line with the Opsi brand style.
This AI-assisted animation workflow allowed us to produce bespoke, on-brand motion graphics that visualise complex technical concepts — GPU-powered route optimization, multi-fleet logistics flows, and enterprise platform architecture — without generic stock animation libraries.
Each animation was:
- Generated by Claude Code using the site's content as the brief
- Styled to match the Opsi dark palette — #0A0A1A background, orange accent
- Exported as lightweight Lottie JSON files for fast web rendering
- Embedded inline in Webflow via the Lottie Player component
The result is a set of animations that feel native to the brand — not borrowed from a generic library — and communicate technical complexity in a way that is immediately clear to an enterprise buyer.
Results
Here's what the project delivered — a complete enterprise digital presence built for the buyers Opsi needs to reach.
| Metric | Value |
|---|---|
| Global Regions | 4 |
| Years Expertise | 25+ |
| Figma to Live | 4 weeks |
| AEO | Optimised |
What was delivered:
- Full Webflow design and development — responsive across all devices
- Corporate brand architecture — Opsi as parent, Tramm + Chora as products
- Custom Lottie animations generated via Claude Code, styled to brand
- AEO-optimised content with FAQ schema (JSON-LD)
- Enterprise buyer-focused content hierarchy
- Governance credibility signals — ISO 27001, GDPR, POPIA
- Global audience-ready copy across 4 regions
- CMS setup for ongoing content management without developer dependency
Performance — First 90 Days
Within the first 90 days of launch, opsisystems.com was already demonstrating the results of a well-structured, well-optimised Webflow build.
| Metric | Value |
|---|---|
| Active Users | 406 |
| Organic Search Users | 69 |
| Contact Page Bounce | 12% |
| Delivery Page Bounce | 0% |
SEO & AEO Working From Day One
Google and Bing delivered 69 organic search users within the first 90 days of a new domain — a direct result of the correct heading hierarchy, semantic HTML structure, and AEO content architecture built into every page of the Webflow site.
Referral sessions from claude.ai and gemini.google.com confirmed that the FAQ schema markup and structured content blocks were surfacing Opsi Systems in AI-generated research answers — not just traditional search results.
Enterprise Buyers Engaging Deeply
The pages designed for serious enterprise evaluation — Contact (12% bounce), Industries (11.8% bounce), and Delivery & Implementation (0% bounce) — showed that the right audience was finding the right content and taking action. These are not casual visitors. These are buyers in an evaluation process.
Referral traffic from Microsoft Teams, active Tramm client deployments, and an enterprise technology company evaluating Opsi from their internal test environment confirmed the site was reaching and engaging the correct audience.
Global Reach — Built In
The site reached buyers across Johannesburg, New York, Nairobi, Cape Town, Shanghai, Dubai, Vienna, Montreal, and 80+ cities worldwide — reflecting Opsi's actual global operational footprint and the content architecture designed to serve four distinct regional audiences from a single coherent digital presence.
Client Feedback
"BrandingLab understood exactly what we needed — a website that communicates the weight and credibility of what we've built over 25 years. The result speaks for itself."
— Opsi Systems Team, opsisystems.com
Frequently Asked Questions
Why was Webflow chosen for an enterprise build?
Webflow gives Opsi Systems full CMS control with no ongoing developer dependency for content updates. It produces clean, semantic HTML that is both performant and structured correctly for SEO and AEO. For an enterprise company managing content across a global audience, that independence is critical.
What is AEO and why does it matter for B2B companies?
Answer Engine Optimization (AEO) structures your website content so it appears in AI-generated answers from tools like ChatGPT, Perplexity, and Google's AI Overview. Enterprise B2B buyers increasingly use AI to research platform decisions before visiting any vendor website. AEO ensures Opsi Systems is part of those answers.
How did BrandingLab handle the technical complexity of the product?
We built the content architecture around buyer questions rather than product features. Technical depth (GPU optimization, multi-principal fleet management) was framed in terms of what it means for the buyer's operation — not in engineering language. This makes the site accessible to procurement teams and technical evaluators simultaneously.
How were the Lottie animations created?
The Lottie files were generated using Claude Code — we fed the site content into the AI and prompted it to build Lottie animations in line with the Opsi brand style. This produced bespoke, on-brand motion graphics without generic stock animation libraries. Each file was exported as lightweight JSON and embedded via Webflow's Lottie Player component.
How long did the project take?
The full project — from Figma design to live published site — was completed in 4 weeks. This included Webflow design and development, AEO content architecture, custom Lottie animation generation, and CMS setup.
Can BrandingLab build something similar for my business?
Yes. If you're running a B2B company that needs a website built for enterprise buyers — with Webflow, AEO strategy, and content architecture that earns trust — get in touch at brandinglab.io.
Built by BrandingLab
opsisystems.com was designed and developed by BrandingLab — full Webflow build, AEO content architecture, custom Lottie animations via Claude Code, four weeks from Figma to live.
- See the case study: brandinglab.io/work/opsi-systems
- Work with us: brandinglab.io/contact