Stone Bridge Communication Consultants is a Dubai-based consultancy helping businesses navigate corporate branding, crisis communications, and executive presence. I designed and built their website in Framer — live at stonebridgedxb.com — giving a firm that sells trust and judgment a digital presence that demonstrates both.

Stone Bridge had the expertise and the client roster, but no site built to carry either:

A wide, abstract offering. Nine distinct services — from corporate branding to intergenerational communications training — risked reading as unfocused if laid out as a flat list.

A senior, skeptical audience. CMOs and executives were the target reader, and they needed to trust the firm's judgment before they'd read a single service description.

No digital proof of craft. A communications and branding consultancy with a dated or generic-looking site undercuts its own pitch before the conversation starts. Genuine responsiveness.

The site needed to hold up across desktop, tablet, and phone without the dark theme feeling heavy or the content feeling cramped on smaller screens.

I built a single-page site anchored by the firm's own name and metaphor — a bridge between ideas and impact — so the visual story was doing persuasive work before a single service was explained.

A Metaphor-Led Hero Full-bleed suspension-bridge photography, a hand-drawn blue line motif, and the headline "Building strong bridges, between ideas & impact" establish the firm's point of view before any service is named.

Services as a Scannable System Nine: Nine offerings — from Corporate Branding to Crisis Communications to Intergenerational Training — organized into a consistent icon-led card grid, so breadth reads as range instead of a lack of focus.

Trust, Sequenced Deliberately: Why Us (three reasons) leads into Who We Are (AI-integrated marketing capability), then Reviews and a five-question FAQ that pre-answers exactly what a skeptical CMO would ask before booking a call.

Built natively responsive, designed breakpoint by breakpoint in Framer — not scaled down from desktop — so navigation, image cropping, and content stacking were rebuilt intentionally for tablet and phone.

Set the visual language first. Near-black backgrounds, a single confident blue accent, and hand-drawn arrow/squiggle doodles layered over bridge and office photography — enough warmth to keep a dark theme from feeling corporate-cold.

Structured nine services into one pattern. Icon, title, outcome-focused description, repeated consistently, so a dense offering list stays easy to scan rather than overwhelming.

Designed true breakpoints in Framer. Reworked stacking order, image crops, and the mobile hamburger nav for tablet and phone individually, using Framer's multi-device canvas rather than a single fluid layout.

Sequenced the bottom of the page as a conversion path. Testimonial → FAQ → contact form, so trust-building and lead capture sit directly next to each other.

Tested across every breakpoint before publishing — checking type scale, image cropping, and tap targets on desktop, tablet, and phone previews side by side inside Framer

The site is live at stonebridgedxb.com, giving Stone Bridge a premium, fully responsive digital presence that turns a wide, abstract service offering into a clear, trust-building narrative for senior decision-makers.

Deliverables

Full responsive website (desktop, tablet, mobile) built in Framer

Hero, Why Us, Services, Who We Are sections

Nine-service card grid with custom iconography

Reviews & five-question

FAQ, contact form & footer CTA

Hand-drawn brand doodle/line system layered across photograph