Brand · Identity
Generic look: The brand looked generic and failed to convey the scale and reliability of a global freight partner.
Vortex Shipping Logistics & Freight Website
UAE logistics & freight site with a global network and a request-a-quote lead flow.
vortexshipping.aeLive
LogisticsDesign + Build
12Countries
5+Services
QuoteLead flow
24/7Support
Overview/ 01
A trusted home for global freight
Maritime navy brand presenting freight services and driving quote requests.Vortex Shipping is a UAE-based freight-forwarding and logistics company. The website presents feeder, freight, air, land and project-cargo services, a global network across 12 countries and a refined maritime brand, and turns interest into leads with a clear request-a-quote flow.
- Feeder, freight & project cargo
- Global network across 12 countries
- Role
- Design + Development
- Type
- Logistics · Marketing
- Timeline
- 2 months
- Platform
- WordPress
- Role
- Design + Development
- Type
- Logistics · Marketing
- Timeline
- 2 months
- Platform
- WordPress
- Builder
- Elementor
- Year
- 2026
Scope & deliverables
- Discovery & Strategy
- UX / UI Design
- WordPress Build
- Performance & Launch
Discovery & Strategy
Brand positioning, service structure and the lead funnel.
UX / UI Design
A clean, maritime navy-and-cyan logistics design system.
WordPress Build
Elementor build, service pages, network map and quote flow.
Performance & Launch
Speed, SEO and a lead-focused, conversion-ready site.
Challenge & solution
A generic listing, or a trusted freight brand
A generic presence that didn't convey scale or reliability, with an unclear service offer, no proof of reach and no clear path to request a quote.
- Generic brand
- Unclear services
- No quote funnel
0Lead funnel
UnclearOffer
Services · Freight
Unclear offer: Services were unclear and buyers couldn't tell what Vortex actually offered.
Network · Coverage
No proof: There was no way to show the geographic reach that reassures international shippers.
No core
No shared platform
Fragmented systems
0Lead funnelUnclearOffer
Quote · Leads
No clear CTA: There was no clear path for shippers to request a quote, so leads slipped away.
Content · Blog
No authority: Without content, the site had little to rank on or to establish expertise.
Contact · Reach
Hard to reach: Getting in touch was unclear, adding friction for ready-to-ship customers.
12Countries
5+Services
QuoteLeads
MaritimeBrand
Key features
Everything to present & win the lead
Service pages, a network map, a logistics blog and a quote funnel built to convert.From clear service pages and a global network map to a logistics blog and a quote funnel, every section is built to build trust and convert.
01/05 features
Tap a product
Auto-playing. Hover to pause
vortexshipping.ae
Service Pages
Dedicated pages for feeder, freight forwarding, air, land and project cargo make the full offer clear.
Engineering
Technology & Build
WordPress marketing site with service pages, network map, blog and quote funnel.Built on WordPress with Elementor, a clean, lead-focused marketing site with service pages, a network map, a blog and a quote funnel.
- Brand LayerUIClean maritime navy-and-cyan Elementor theme across the site01
- Service LayerSVCService pages, project cargo and a global network map02
- Lead LayerLEADSRequest-a-quote forms and contact capturing leads03
- Performance & SEOOPSCaching, CDN, SEO and security for a fast, safe site04
- 01Discovery & StrategyMapped brand positioning, services and the lead funnel.Phase 1
- 02UX / UI DesignDesigned a clean maritime navy-and-cyan system.Phase 2
- 03WordPress BuildBuilt the Elementor site, service pages and quote flow.Phase 3
- 04Performance & SEOTuned speed, SEO and lead capture.Phase 4
- 05QA & TestingTested forms, pages and the network map across devices.Phase 5
- 06Launch & IterateLaunched the site and iterated on lead quality.Live
Stack
- WordPress
- Elementor
- Forms
- HTML5
- CSS3
- JavaScript
- PHP
- MySQL
- SMTP
- Caching
- SEO
- CDN
Product Screens
The whole brand site, one platform
Browse hero, services, freight, network, blog and quote flow.Glide through the live Vortex Shipping site, hero, services, feeder, freight, air, land, project cargo, network, blog, quote and contact.
Drag to explore01 / 13
Philosophy
Design Approach
Clean maritime design shaped around trust and clear service storytelling.A clean, maritime, lead-first design philosophy that makes global freight feel trustworthy and gets shippers to a quote.
CleanTrustedGlobalResponsive
- Design pillars
- 04
- Accessibility
- AA
- Lead flow
- Quote
- Clean Maritime UIA navy-and-cyan system that signals scale, reliability and trust.Maritime
- Reach-Led StorytellingA network map and service pages that prove global coverage.12
- Lead-First LayoutClear request-a-quote paths placed where intent is highest.Quote
- Responsive & FastA polished experience that loads fast on every device.100%
Tokens
Design System
One maritime visual language across service pages, network and quote flows.A cohesive navy-and-cyan visual language that keeps every brand screen clean and consistent.
- Typography6 scale steps
- Spacing5 tokens
- Icons8 symbols
- Breakpoints4 sizes
Type samples
HeadingSpace Grotesk 800 · 32px
SubheadingInter 500 · 20px
Body text for product listings, collections, and guides.Inter 400 · 16px
More work
Explore more projects
WordPress sites, web platforms and mobile apps from our team.More of what our team designs and ships, from WordPress sites to web platforms and mobile apps.
