Brewer Communications designs, deploys and supports hosted voice, managed internet, video surveillance, conferencing and office relocations for small to medium enterprises across Virginia. They needed a website that matched the seriousness of their technical offering — clear, credible, and built to convert.
We handled the full project: UI/UX design in Figma first, then development on WordPress using Kadence Theme as the build framework. The site needed to clearly communicate four distinct service lines — Hosted Voice, Managed Internet, Video Surveillance, and Office Move & Consulting — while building trust with a B2B audience that evaluates vendors carefully before making contact.
Brewer Communications | B2B VoIP Website
A professional B2B website for Brewer Communications — a Richmond, Virginia VoIP and managed network provider serving small to medium enterprises. Designed in Figma and built on WordPress with Kadence Theme.
Figma
UI/UX Design
Kadence
Theme Framework
VA
Virginia Market
Platform
WordPress + Kadence Theme
Project Type
UI/UX Design (Figma) + Full Development
Year
2026
Category
B2B / Technology
The Project
What we built and why
Stack & Tools
Technologies used
WordPress CMSKadence ThemeFigma (UI/UX Design)Custom CSSACF ProElementor ProWebP Image OptimizationMobile-First Responsive DesignWP Rocket
Visual Work
The design across all devices
Desktop — 1440px
Tablet — 768px
Mobile — 375px
Design Process
How we approached it
The Brewer project started with a complete Figma design phase. The client operates in a market — B2B telecom and VoIP — where trust and credibility drive conversion more than visual flair. The design direction reflects that: dark hero sections with strong typography, a clean white body for content, and a structured layout that makes the service offering immediately clear.
We mapped the page architecture around the two primary actions a prospect takes: understanding what Brewer offers, and starting a conversation. Every section flows toward one of those two goals. The FAQ section was given prominent placement because VoIP buyers have specific technical questions — addressing them on the homepage reduces friction and keeps prospects engaged.
The partner logos section — featuring Nextiva, RingCentral, Net2Phone, Hanwha, IDIS, Axis, and ExacqVision — was treated as a trust signal rather than an afterthought, given a dedicated full-width section to reinforce Brewer's tier-1 vendor relationships.
Development
Build highlights
01
Figma to Kadence Build
Full UI/UX design was completed and approved in Figma before development started. Using Kadence Theme as the framework, we translated every Figma screen to pixel-accurate WordPress pages with custom CSS overrides throughout.
02
Multi-Service Architecture
Built a clear service taxonomy covering four distinct lines — Hosted Voice, Managed Internet, Video Surveillance, and Office Move & Consulting — each with dedicated pages, targeted CTAs, and product sub-listings.
03
Partner / Brand Showcase
Designed and developed a dedicated partner brands section featuring Nextiva, RingCentral, Net2Phone, HP, Comcast, Hanwha, IDIS, Axis, and ExacqVision — structured as a trust-building section rather than a simple logo row.
04
FAQ Section with Accordion
Built a prominent FAQ accordion section on the homepage addressing the most common VoIP buyer questions — reducing inbound pre-sales queries and keeping hesitant prospects engaged rather than bouncing.
05
Dark/Light Section Contrast
Implemented a deliberate dark hero and CTA section contrast against a clean white body — creating visual hierarchy that guides the eye through the page and makes CTAs impossible to miss.
06
Mobile-First Responsive Build
Every section tested and refined across desktop, tablet, and mobile. B2B prospects often research vendors on mobile during commutes — the site performs cleanly on all screen sizes without sacrificing the desktop experience.
Problem Solving
Challenges & solutions
01
Challenge
Communicating complex technical services simply
VoIP, managed internet, IP surveillance, and office relocation are all technically complex services. The risk was either oversimplifying to the point of being vague, or going so deep into specs that prospects disengage.
01
Solution
Layered content depth with clear entry points
We structured each service with a one-line positioning statement, a short paragraph, and a "See Options" CTA leading to deeper product pages. Prospects who want detail can get it — but the homepage never overwhelms them.
02
Challenge
Building credibility for a regional provider
Brewer competes against national telecom brands with massive marketing budgets. A regional Virginia provider needs to work harder to establish trust on first impression — especially with a B2B audience evaluating multiple vendors.
02
Solution
Trust signals woven throughout the design
We prominently featured the DCSB license number, partner brand logos, customer testimonials, and the "Richmond-based team" positioning throughout the page. These signals tell the right story: expert, local, accountable.
Outcome
Results & impact
Brewer Communications launched with a website that finally matched the quality of their technical offering. The clear service architecture means prospects can immediately understand what Brewer does and who it's for — reducing the sales cycle by removing early-stage confusion.
The Figma-first process meant the client saw and approved the full design before development began, resulting in zero redesign requests post-launch. The site now serves as the primary lead generation tool for a team that wins business through credibility and local expertise.
Figma
UI/UX Design
Kadence
Theme Framework
VA
Virginia Market
4+
Service Lines
Takeaway
Final thoughts
Brewer had the expertise. They just needed a website that made it obvious from the first scroll. Figma-first design and Kadence delivered exactly that.
B2B tech websites live or die on clarity and credibility. This project is a strong example of how a well-structured Figma design process — before a single page is built — results in a cleaner, faster, more effective development phase. Brewer Communications now has a digital presence that earns trust before a prospect ever makes contact.
Next →