Case Study

Clarion AlphaShipping Company Website

Full-cycle design for an international logistics company operating across Africa, the Middle East, and Eastern Europe. Desktop and mobile, English and Russian.

Real ClientWeb Design18 pages72 screens2 languages2024
Clarion Alpha shipping company website
About the Project

Clarion Alpha Container Line is a newly established shipping company based in Dubai, serving clients across Africa, Eastern Europe, and Asia. They needed a website from scratch: no existing brand presence, no digital touchpoint for potential clients to find them or request rates.

My role covered the full process: UX research, information architecture, visual design, and handoff. The result was 72 Figma screens across desktop and mobile in two languages.

Challenge

How to attract B2B buyers?

Logistics managers visit with one question: can you ship my cargo? They don't read marketing and don't fill out long forms. The design demanded clarity such as short descriptions, minimal quote fields, contact always visible.

The second challenge was scale. 18 pages, 2 languages, 2 devices. I designed the first screen, got approval, then built a design system from it. That's what makes scale possible.

Three Design Decisions
01

Request a quote on every screen

One-click access to a quote: header, hero, services, floating WhatsApp. For a speed-focused B2B buyer, friction kills conversions.

02

Services structured for scanning, not reading

Logistics managers scan, not read. Each service gets a card with brief description. Internal pages go deeper. The hierarchy matches how users navigate.

03

Systematic design for scale

72 screens demand consistency. A complete UI kit upfront made designing desktop and mobile systematic. This accelerated the Russian version and ensured consistency across devices.

Scope
18
pages
72
Figma screens
2
languages
5 weeks
timeline
Key Screens
Clarion Alpha mobile screen 1Clarion Alpha mobile screen 2Clarion Alpha mobile screen 3
Outcome

For a newly established shipping company in Dubai, the website became their first digital touchpoint. Within the first month of launch, it generated 8 qualified inquiries and 60 website visits. Potential clients across Africa, the Middle East, and Europe now had a single source for complete company information — professional digital presence replacing initial phone calls.

This was my first large-scale commercial project. The main learning: design systems aren't overhead, they're what makes scale possible.