All Case Studies
RAA Logistics website at a glance
The business, the scope and the stack behind raalogistics.ae.
| Item | Detail |
|---|---|
| Business | RAA Logistics, freight forwarding and warehousing, Jebel Ali Free Zone, Dubai |
| Audience | Importers, exporters and traders shipping through the UAE |
| Our scope | Website design and build, quote and demo forms, tracking page, blog |
| Stack | Dcrayon's Laravel platform with an RAA theme, Alpine.js, Vite, nginx |
| Live site | raalogistics.ae |
Challenge
RAA Logistics is a freight forwarder in Jebel Ali Free Zone, Dubai, handling sea, air and road freight, customs clearance and warehousing. Dcrayon built its website.
A Jebel Ali forwarder with seven services to explain
RAA Logistics serves importers, exporters and traders who move goods into, out of and through the UAE. Its head office sits in Jebel Ali Free Zone, next to one of the region's main container ports, and its services run from warehousing and sea, air and road freight to customs clearance, supply chain management and cargo insurance. The company asked Dcrayon for a corporate website that explains those services clearly, works well on a phone, and leads every visitor to one of two actions: request a quote or track a shipment.
The earlier web presence did not separate the services or work well on mobile
A business looking for a forwarder usually arrives with one need, such as clearing a container through customs or booking air freight for an urgent order. RAA's earlier presence did not separate its services cleanly or hold up well on a phone, so a visitor had to work to find the service they came for and the next step to take.
Existing customers needed shipment status without calling the office
Shipment status lives in RAA's freight management software, not on a marketing website. Customers who already ship with RAA need a quick way to check where their cargo is, and every status call or email that could have been a self-service check takes time from the operations team.
A quote request needs the service before anything else
A freight quote depends on the service, the cargo and the route. An enquiry that says only "please call me" starts a round of questions before anyone can price it, and any public form on a business website also attracts automated spam that someone has to sort through.
Solution
Building RAA's site on Dcrayon's Laravel theme platform
We built raalogistics.ae on Dcrayon's own Laravel platform, the multi-tenant codebase our e-commerce storefronts run on, with a theme written for RAA. Laravel is a PHP framework; the platform supplies the page layouts, forms, site settings and admin, and the RAA theme supplies the navy and amber design, the freight imagery and the service-led page structure. The front end uses Alpine.js, a small JavaScript library for interactive parts of a page, with named stores for the quote modal, the demo modal and on-page messages, and Vite builds the stylesheets and scripts into versioned files. A separate critical stylesheet, preloaded with the main one, carries the styles for the top of each page. This is the kind of build our web development team delivers.
One page for each of RAA's seven services
The top navigation covers Home, About, Services, Tracking, FAQs, Contact and Blog, with the UAE phone number in the header for buyers who prefer to call. The About menu holds the managing director's message and the head of logistics' message. Each of the seven services, warehousing, sea freight, air freight, road freight, customs clearance, supply chain and insurance, has its own page, so a shipper looking for customs clearance lands on a page that is only about customs clearance. Service pages live at addresses written the way people search, such as the sea freight services in Dubai page, and the shorter addresses for those pages redirect to them, so old and shared links still work. A testimonials page and an FAQ page support the service pages.
Quote and demo requests that arrive ready to price
The primary action on every page is "Get a Quote". The quote form asks the visitor to choose one of the seven services before anything else, then takes their name, email, phone and the details of the shipment, so each enquiry reaches the team already labelled with the service it concerns. A separate "Book a Demo" form records what the visitor is interested in and asks for consent to be contacted by phone, SMS, WhatsApp or email before it can be sent.
The quote forms check their fields in the browser before sending: a name must be two to 100 characters of letters, spaces, hyphens, apostrophes and full stops, an email address is capped at 150 characters, and a phone number must be seven to 30 characters of digits, spaces and the symbols used in international numbers. They also carry a hidden field that people never see but automated spam tools tend to fill in, so those submissions can be discarded, and the main quote form posts through Laravel's CSRF protection, a per-session token that stops other websites submitting the form on a visitor's behalf. A WhatsApp link offers one more way in for visitors who would rather message.
The shipment tracking page
The Tracking page embeds RAA's existing tracking portal from its freight management provider, framed between the site's own header and footer. A customer enters a tracking number and sees live status updates without leaving raalogistics.ae or contacting the office. Building the page around the system RAA already uses, rather than a separate tracking tool, keeps one source of shipment data and nothing to keep in sync.
A Dubai freight blog and search groundwork
The site has eight blog articles written around the questions shippers ask in Dubai: how customs clearance works, why the choice of warehouse matters, when air freight is the right choice, the benefits of sea freight, road freight for cargo within the region and what supply chain logistics covers. Page titles and descriptions are written per page around the service and the city, each page sets a canonical address, sharing tags are in place for social networks, and an XML sitemap lists the service and blog pages for search engines. The site publishes structured data describing RAA Logistics as an organisation, including that its customer service works in English and Hindi. These give the site a base for local SEO in the UAE market.
Security headers and form protection on raalogistics.ae
The site redirects plain HTTP to HTTPS and sends HTTP Strict Transport Security, which tells browsers to use HTTPS for a year. It also sends a frame policy that stops other sites embedding its pages, a no-sniff header that stops browsers guessing file types, and a cross-site scripting header for older browsers. Together with the CSRF token, the hidden spam field and the consent checkbox on the demo form, these protect both the visitors who fill in the forms and the team that reads them.
How the parts of RAA's site divide the work
What each part of the build does for RAA.
| Application part | What it does in this project |
|---|---|
| Laravel platform | Layouts, forms, site settings, CSRF protection and admin |
| RAA theme | Navy and amber design and the service-led page structure |
| Alpine.js stores | Quote modal, demo modal and on-page messages |
| Tracking page | Frames RAA's freight software portal inside the site |
| Blog and sitemap | Eight Dubai freight articles and the list search engines read |
Search themes RAA's pages are written for
The kinds of search each part of the site is written to answer.
| Search intent | Keyword themes |
|---|---|
| Hiring a forwarder for one service | sea freight services in Dubai, air freight services in Dubai, road freight in Dubai |
| Clearing goods | customs clearance service in Dubai, import and export documentation |
| Storing goods | warehousing in Dubai, choosing a warehouse |
| Learning before buying | what supply chain logistics is, choosing a logistics company in Dubai |
raalogistics.ae protections
The controls on the site and its forms, and how each was confirmed.
| Control | Where it applies | How it was checked |
|---|---|---|
| HTTPS redirect and Strict Transport Security | Whole site | 301 from HTTP and live header |
| Frame, no-sniff and cross-site scripting headers | Every page | Live headers |
| CSRF token | Quote form | Page markup |
| Field format checks and hidden spam field | Quote forms | Page markup |
| Contact consent checkbox | Demo form | Page markup |
Results
What RAA's customers and team have now
Prospective customers can find the exact service they need, read what it covers, see who runs the company, and send a quote request that names the service. Existing customers can track a shipment from the website at any hour. The team receives enquiries that already state what the shipper wants, with a hidden-field check against automated spam, and the blog and service pages give the company a base of content to grow its search presence in Dubai.
Key takeaways
What a freight website needs to do
For a service business, a website earns its keep by shortening the path from a question to a conversation. One page per service, a quote form that asks the right first question, and tracking that uses the company's own system do more for a freight forwarder than a long homepage. Building on a platform that already handles layouts, forms and security headers let the work go into RAA's content and structure rather than into rebuilding the basics.
Our article on why a business needs a website covers the basics, and our website redesign service is where a project like this usually starts.
If your customers keep calling to ask where their shipment is, talk to us about your website.
CategoryWeb Development
More work
