# Comtel Webflow website case study > How we designed Comtel’s website in Figma and built it in Webflow, with the fiber coverage check in the first screen and plan cards the team edits itself. Source: https://pentaclay.com/work/comtel Case study · Telecoms · 2025–2026 # Webflow website design for Comtel We designed and built the website for a fiber internet provider. Visitors check their address first, then pick a home or business plan. [Book a call](https://cal.com/pentaclay/discovery-call) [Visit the live site](https://comtel.co.za) - **5×** more text on the home page for Google and AI tools: about 300 words before, about 1,700 now Their old WordPress site, Dec 2024, vs the live site, 14 Nov 2026 - **8 months** on our Webflow build since handover, and their team has re-published it 3 times Webflow publish dates: 24 Apr, 6 Aug and 12 Nov 2026 - **23.4K** visits in the last three months Similarweb estimate, Oct 2026 data. A third-party estimate, not Comtel’s analytics Client Comtel What we did Website design, webflow development, API integration, CMS setup Year 2025–2026 ## About Comtel Comtel sells uncapped fiber internet to homes and businesses across South Africa, on many fiber networks, including Openserve, Vumatel, Frogfoot and Octotel. The company is Comtel Communication (Pty) Ltd, based in Cape Town, and a member of ISPA, the internet providers’ association. Client Comtel Communication (Pty) Ltd, Cape Town Industry Telecoms, fiber internet What we did Designed and built Platform Figma, Webflow Timeline 24 Oct 2025 – 16 Mar 2026 ## The challenge Internet providers in South Africa are many, and their offers are technical. Comtel sells to two very different customers: people at home and business decision-makers. Nobody can buy until they know fiber reaches their street, so the coverage check had to sit in the first screen. Plans differ by network and speed, which makes them hard to compare. And their old website did not match the quality of their service. 1. Nobody can buy until they know fiber reaches their street. What we did The coverage check sits in the first screen and connects to an outside service that looks up the address. 2. Two very different customers on one site. What we did A Home / Business switch splits the two on one page, with no extra pages to get lost in. 3. Plans differ by network and speed, and change often. What we did Plan cards are grouped by network on the Webflow CMS, so their team changes plans and prices without touching code. 4. The same few worries come up before every sale. What we did Cards that open on tap answer router replacement, contracts and install time, with customer reviews high on the page. ## What changed We compared their old WordPress site with the Webflow site we built, and checked what their team has done with it since. Their site before us, and our build today **Before:** Old WordPress site, Dec 2024 **After:** Our Webflow build, 14 Nov 2026 Comtel website before and after our build What we measured BeforeOld WordPress site, Dec 2024 AfterOur Webflow build, 14 Nov 2026 Text Google and AI tools can read on the home page Read from the page code without JavaScript About 300 words About 1,700 words _5×_ Page title in Google “Comtel Home - Comtel Communications” “Uncapped Fibre Internet in South Africa | Comtel” Description in Google A run of menu words One clear sentence Test pages open to the public “sample-page”, “hello-world” and old drafts None What their team did with it - **3** times their team re-published the site on their own Webflow publish dates: 24 Apr, 6 Aug and 12 Nov 2026 - **16 pages** in the sitemap now, including network status and router guides Live sitemap, 14 Nov 2026 - **92** desktop performance score Lighthouse lab test we ran on the live site, 14 Nov 2026 - **1.6 s** for the main content to appear on a desktop Lighthouse lab test we ran on the live site, 14 Nov 2026, desktop How we measured: their old site (19 Dec 2024) and the live site, read the same way on 14 Nov 2026. Visits are a Similarweb estimate. Traffic, leads and sales are Comtel’s own numbers, and we publish them only with their OK. ## Put the address check first We designed the site in Figma around one action: check your coverage. The coverage check sits in the first screen and connects to an outside service that looks up the address. ## Split home and business with one switch A Home / Business switch splits the two audiences on one page, with no extra pages to get lost in. ## Let the team update plans itself Plan cards are grouped by network on the Webflow CMS, so the team changes plans and prices without touching code. On phones, we gave the plan cards extra care, because that is where they hold the most detail. ## Answer the usual worries in short cards Cards that open on tap answer the common questions: router replacement, no contracts and install time. Customer reviews sit high on the page, to make an internet provider feel human. ## More screens from the site ## The site’s colours and type - Navy #001573 The hero and the main buttons. - Blue #0033CC Links and highlights. - Green #27AB27 Home plan labels. - Light grey #F5F5F5 Page ground. - Ink #08090A Text. - Headings Galyon Bold, for headings and plan names. - Text Noto Sans Devanagari Body text, menus and forms. ## How the project ran 1. Kickoff **24 Oct 2025** Brief and the one action We agreed the site would be built around one action: check your coverage. 2. In Figma **Design** Designed in Figma Every page designed in Figma, with extra care for the plan cards on phones. 3. In Webflow **Build** Built in Webflow The site built in Webflow, with the coverage check connected to an outside service. 4. Before launch **Check** Checked, then live Every page and the coverage check tested on phones and laptops. 5. Handover **16 Mar 2026** Theirs to run Comtel’s team updates plans and prices in the CMS without a developer. ## Everything we handed over - Website design in Figma for every page - A Webflow build of the full site - An address check connected to an outside service - A Home / Business switch on one page - Plan cards by network on the Webflow CMS - Tap-to-open answers and a reviews section ## In their words ## Questions about this project ### Can’t find your answer? Book a call and let’s talk. [Book a call](https://cal.com/pentaclay/discovery-call) Or email us at [contact@pentaclay.com](mailto:contact@pentaclay.com) Did you design the site or only build it? Both. We designed it in Figma and built it in Webflow. Can Comtel change plans without a developer? Yes. The plan cards run on the Webflow CMS. How long did the project take? From 24 October 2025 to 16 March 2026. How does the coverage check work? It sits in the first screen and connects to an outside service that looks up the address, so visitors see if fiber reaches them before they pick a plan. Keep reading ## More case studies Planning something similar? More Webflow and B2B sites we’ve built. - [NOCAP Sports College sports 2025–2026 ### Their live site for 9 months, with 19 posts and pages added by their own team](https://pentaclay.com/work/nocap-sports) - [Fronterra AI learning 2026 ### From kickoff to a live site in 6 days, still on our build 9½ months later](https://pentaclay.com/work/fronterra) - [Machine Football AI Sports AI 2026 ### 4× more home page text for Google and AI tools, and a 99 desktop speed score](https://pentaclay.com/work/machine-football) [Explore Webflow development](https://pentaclay.com/services/webflow-development) ## Your business grew up. Your website should too If customers need a demo just to understand what you sell, your website isn’t doing its job. - We sign an NDA on request. - You own the site, the code and every account once it’s paid. - Your first call is with Erfan, the founder. **Kazi Mohammed Erfan** Founder Don’t want to fill in the form? [Book a call directly](https://cal.com/pentaclay/discovery-call) ## Not sure? Ask AI about Pentaclay ### Pentaclay, in short Updated 17 Oct 2026 Pentaclay is a B2B website design agency for AI companies that sell to enterprises. We write, design and build marketing websites in Framer, Webflow and Next.js, and stay to help after launch. Pentaclay LLC is registered in New Mexico, USA; our team works from Dhaka, Bangladesh, with calls until 12:30pm US Eastern. Founded in 2023 by Kazi Mohammed Erfan, who brings 12 years of design experience.