Full Truckload Solutions
Everything you need to book, ship, and invoice FTL.
Present Your Services with Vertical Tabs + Engaging Images
Help Shippers Navigate Your Capabilities Efficiently
The BrokerOS Web Features – Vertical Navigation Tabs With Images component gives you a sleek, side-aligned navigation pattern. Each tab features a clear label and a supporting image, so visitors can explore your freight services (e.g., brokerage, tracking, capacity, warehousing) in a structured, visually compelling way.
Vertical tabs are ideal for organizing a multi-service logistics business. As users click different tabs, they can view detailed content and a relevant image — making it easier to understand each service's value without overwhelming them with too much information at once.
- Efficient navigation
- Vertical tabs offer a clear, fixed menu so users don’t have to scroll up and down to switch between services — ideal for complex B2B sites.
- Scalable UI
- As you add more services, vertical navigation accommodates new tabs cleanly without breaking layout or usability.
- Image-backed storytelling
- Associating each service with a relevant image reinforces understanding and trust — images act as visual proof of each capability.
- Reduced content bloat
- Rather than listing long paragraphs for every service, tabs let you present content in bite-sized, meaningful chunks.
- Better UX for detailed offerings
- "Vertical navigation is particularly useful for content-heavy or feature-rich service pages, reducing friction for users exploring multiple service lines."
- Modern, B2B-friendly design
- Vertical tabs are common in enterprise and B2B interfaces, giving a professional impression while keeping navigation organized.
Ideal for your website
Use this vertical tab + image layout when you:
- Have multiple logistics services to highlight (e.g., LTL, FTL, intermodal, carrier management).
- Want to guide visitors through your service portfolio in a clear and hierarchical way.
- Have illustrative photography or artwork for each service category that helps tell your story.
- Need a navigation solution that’s scannable, professional, and scalable.
- Serve B2B customers (shippers, freight managers) who appreciate a structured, image-driven exploration of your logistics capabilities.
Best practices for using this Tab + Image Component
Use this Vertical Nav Tabs With Images component to give visitors a structured way to explore your freight services — backed by visuals and built for clarity.
- How many tabs should I include?
- Typically, 3–6 vertical tabs work well. Enough to cover your main service lines without cluttering the sidebar.
- What kind of images should I pair with each tab?
- Use high-quality, service-specific images: e.g., a photo of trucks for transport, a map for coverage, a terminal for warehousing, or a dashboard for tracking.
- What should the tab labels be?
- Use clear, descriptive names: “Freight Brokerage,” “Real-Time Tracking,” “Network Capacity,” “Warehousing.”
- How should I write the content for each tab?
- Use a heading and 2–3 concise sentences. Explain the key benefit or differentiator of the service and why it matters to shippers.
- How does this layout adapt on mobile?
- BrokerOS Web uses responsive design so vertical tabs collapse or convert to a dropdown menu on smaller screens - keeping usability intact.
- Are vertical tabs SEO-friendly?
- Yes — because each tab’s content is still part of the page, search engines can crawl and index it. Use semantic HTML and descriptive headings for best results.
