Skip to content

CloudSP · Internet service provider

A clearer front door for a licensed ISP

Designing and building CloudSP’s website in Laravel, with services, support and account access in one place, in the company’s “Unlimited Connectivity” brand.

Role
In-house web developer & designer
Timeline
2025 · alongside network work
Stack
Figma · Laravel · PHP · Bootstrap · Cloudflare
The CloudSP homepage. The headline “Elevate Your Wi-Fi Experience” sits over a dark network graphic, with a facts strip below showing founded 2015, licensed, 4 connectivity services and 9AM–9PM support.

The brief

CloudSP has been a licensed internet service provider since June 2015. It’s run from Jdeideh and authorised by the Ministry of Telecommunications to build and operate networks across Lebanon. It sells four quite different products (ADSL, broadband, fiber and corporate internet) to people who mostly want answers to three questions: is it fast, how much is it, and who do I call when it stops working?

Who it’s for

  • Households comparing ADSL, broadband and fiber, often without knowing the difference between them.
  • Gamers and streamers, who care more about speed and latency than price.
  • Businesses that need dedicated bandwidth, static IPs and a support commitment.
  • Existing subscribers looking for their account or the support line.

What the site had to do

  1. Explain each technology in plain language (“What is ADSL?”, “What is fiber optic internet?”) so people can choose without calling sales.
  2. Lay out a lot of plans clearly. ADSL alone has four families: open-speed plans from 100 GB to 1,500 GB, unlimited plans from 4 to 8 Mbps, army plans and fixed plans. Fiber goes up to 1 Gbps.
  3. Answer, on each service page, the questions that would otherwise become support calls: installation, keeping an existing phone line, upgrading, static IPs and what happens if fiber isn’t available yet.
  4. Make the next step obvious everywhere: Apply Now, View Plans, the support number, WhatsApp and My Account.
  5. Establish legitimacy up front: the licence, the founding year and the support hours.

Constraints

  • Support runs 9AM–9PM, seven days a week, while the office keeps shorter hours (Monday to Saturday, 9AM–6PM). The site had to make clear which is which.
  • Prices are shown excluding VAT, and plans change, so the plan data had to be easy to update.
  • It had to run on Laravel, alongside CloudSP’s internal tools, so the same team can maintain everything.

What I built

  • A homepage that leads with the offer, “Elevate Your Wi-Fi Experience”, then backs it up with a facts strip: founded 2015, licensed by the Ministry of Telecommunications, four connectivity services, and support from 9AM to 9PM, seven days a week.
  • One page per service (ADSL, Broadband, Fiber Optic and Corporate Internet), all with the same structure: four key benefits, a plain-language explainer, the plans, an FAQ and a “Ready to get started?” close.
  • Two always-visible actions, Apply Now and View Plans, plus the support number and a My Account entry point for existing subscribers.
  • A layout that holds up on phones, where most visitors check their connection details.
The CloudSP About section: copy about being a licensed ISP since 2015, a grid of facts (June 2015 founded, Jdeideh headquarters, licensed ISP, Lebanon-wide coverage) and an illustration of a person working beside a speed gauge.
The About section turns the company’s credentials into a quick-scan grid.

Process

Discovery

Sales & support questions

I started from the questions customers bring to sales and support most often: which connection to choose, what the plans cost, and how to get help. Each one became a page, a section or an FAQ answer.

Structure

One template, four services

All four services share one page template: benefits, a plain-language explainer, the plans, an FAQ and a call to action. That makes the services easy to compare, and new services quick to add.

Design

Figma · Photoshop

I designed the site and the marketing visuals together, so the “Unlimited Connectivity” brand looks the same online and in campaigns.

Build

Laravel · Bootstrap · Cloudflare

The site runs on Laravel, the same framework as the internal tools I build at CloudSP, so one team can maintain all of it. Cloudflare sits in front for speed and protection.

The other side

Grafana · Prometheus · Zabbix · Laravel Passport

Behind the public site I also build the internal side: the monitoring stack that watches the ISP’s backbone traffic, and a single sign-on portal that gives the team one login for every infrastructure tool.

Outcome

The site is live at cloudsp.net.lb. It gives CloudSP one place to send every customer: what each service is, which plan fits, and how to reach support. Because it runs on the same Laravel stack as the company’s internal tools, plan changes and new pages stay in-house, with no outside agency involved.