Skip to content

    Is your site invisible to AI? Get a free AEO Audit →

    Webflow
    Mining
    Brand Expression

    Jabali Mining Services

    Mining expertise at the scale of the machinery — a site built to feel the size of the operation, not just describe it.

    Industry

    Contract Mining & Mineral Processing

    Timeline

    4 weeks

    Services

    Web Design, Webflow Development, Art Direction, Content Architecture

    Overview

    Jabali Mining Services provides contract mining and mineral processing across southern and central Africa. Jabali is Swahili for rock, outcrop, crag — strong as rock — and the company's positioning follows directly from it: mining experts that put back more than they extract. The brief was to build a site that carried that weight. Mining company websites default to a particular kind of dull. Jabali had the opposite problem — a genuinely impressive physical operation, world-class drone and on-site photography, and machinery at a scale most visitors have never stood next to. The job was to get that scale onto the screen.

    The Challenge

    The sector's visual convention actively works against companies that are good at the work. Buyers evaluating a contract miner are assessing capability and safety — but the standard mining website flattens fleet, blasting capability and rehabilitation practice into a bulleted list that reads identically to every competitor's. Jabali also runs a genuinely wide service line — open cast mining, drilling and blasting, load and haul, crushing and screening, bulk material handling, rehabilitation, equipment hire, quantity surveying, stockpile management, construction and operator training. Presented conventionally, that breadth reads as unfocused. Presented well, it reads as the reason you don't need three contractors.

    Our Approach

    I designed the site around the physical reality of the operation rather than around a services taxonomy. The homepage opens on blast footage — a live detonation on the mine face — which sets the register for everything below it: heavy, controlled, expert work at scale. The services section pairs each capability with its own site photography and runs a sticky index down the left-hand side, so the visitor scrolls through the operation the way you'd walk it — men, machines and process in sequence — rather than clicking through a menu of abstractions. The brand meaning does structural work rather than decorative work: the Swahili derivation gets its own moment on the page, with pronunciation and translation, so the name becomes a positioning statement. The sustainability commitment is handled the same way — 'put back more than we extract' is treated as the operating principle, with rehabilitation presented as a planned discipline from before a mine opens. Video does the narrative work throughout, not just in the hero — mining is a process, and motion shows the sequence where static photography can only show a frozen instant of it. The drone and ground photography carried a substantial share of this, and the design decision that mattered most was giving it room: full-bleed, uncropped, at scale. Committing to that much video created the obvious constraint — the site had to stay fast on a mine site in southern Africa, on mobile, on a connection that isn't guaranteed. Assets were compressed and served at appropriate sizes per breakpoint, type was kept to system-safe stacks, and the responsive behaviour reflows the full-bleed treatment rather than abandoning it on small screens.

    Led by me, Russel Davis, as a B2B Webflow studio — delivered with my specialist network, shipping brand-led builds with AEO baked in.

    Results

    Here's what the engagement delivered — measurable outcomes that speak for themselves.

    Service Lines Documented

    11

    Commodities Mined

    10

    Projects Completed

    21

    Years' Experience

    30+

    FAQs

    Frequently asked questions

    Common questions about the Jabali Mining Services project.

    Scale has to be shown, not claimed. On Jabali we opened on live blast footage from the mine face and gave the drone and site photography full-bleed treatment at full scale. The alternative — cropping strong photography into small uniform cards — is what makes most industrial sites feel smaller than the businesses behind them.

    Sequence and continuity. Jabali's eleven service lines run as a single scrollable narrative with a sticky left-hand index that tracks position, so a visitor moves through the operation in a logical order instead of navigating a menu of abstractions. Breadth then reads as capability rather than dilution.

    Jabali is Swahili for rock or outcrop — strong as rock. Rather than leaving that buried in an About page, the site gives the derivation its own moment with pronunciation and translation, which converts the name into a positioning statement a buyer actually remembers.

    Webflow handles heavy video and image assets without a plugin stack, produces clean semantic HTML that indexes properly for both search and AI answer engines, and lets the client's team update project and service content without a developer on retainer.

    Compress and serve assets at the size each breakpoint actually needs rather than shipping one large file to every device, keep type to system-safe stacks so nothing blocks first render, and make the responsive rules reflow full-bleed media instead of dropping it on mobile. On Jabali this mattered specifically because the audience includes people opening the site from a mine site on an unreliable connection.

    Want results like these?

    Let's discuss how I can build something exceptional for your brand, delivered with my specialist network.

    We use cookies

    We use essential cookies to make this site work and anonymous analytics cookies (Google Analytics) to understand how it's used. You can turn analytics off anytime in Cookie settings.