Technical architecture · Owner.com

6× demo bookings. Zero HubSpot API calls.

Owner.com’s outbound team needed personalized images at HubSpot’s scale — thousands of prospects, each with a unique chart pulled from their own market data. HubSpot couldn’t reach external APIs at send time. So we built a three-layer rendering engine that pre-bakes the personalization upstream, lets HubSpot send a static URL, and ships an image that looks bespoke to every recipient.

Owner.com REST APIOpenGraphImage.comHTML template renderingServer-side image generationHubSpot integrationDynamic URL parametersAlpine.jsTailwind CSS

Service

Product Development

Engagement

Project

Platforms

HubSpot · OpenGraphImage · Custom API

The results

Impact on performance.

Demo bookings

Increase in demo bookings

Dynamic personalization transformed Owner.com's outbound performance, delivering a 6× increase in demo bookings through hyper-personalized, data-driven email campaigns.

The challenge

HubSpot can't call external APIs.

Owner.com is the all-in-one platform for independent restaurants — online ordering, websites, marketing, loyalty, and a direct channel that takes the third-party commission out of takeout. Their outbound team needed to reach thousands of restaurant operators with email that proved Owner already understood their market, their menu, and their delivery competition before the first reply.

Traditional email personalization stops at merge tags. You can insert {{first_name}}, but you can't fetch live data, render competitor comparisons, or show real-time business scores.

Owner.com needed to send hyper-personalized emails showing:

  • Local competitor analysis with interactive maps
  • Business performance scorecards with live metrics
  • Website preview screenshots with brand analysis
  • Live reputation metrics and review scores

All without HubSpot making a single API call.

System architecture

The three-layer solution.

A three-layer architecture that turns static email templates into dynamic, data-driven visual experiences. Each layer owns one job and hands off cleanly to the next.

1

Layer 1 · Owner.com APIs

Business branding data, competitor analysis, performance metrics, static CDN assets.

2

Layer 2 · Rendering platform

Fetch & merge data, server-side HTML rendering, image rasterization, public CDN URLs.

3

Layer 3 · OpenGraphImage.com

Web crop optimization, email-safe formatting, global CDN delivery, device scaling.

01

Owner.com data sources

Rich business data via Owner.com's REST APIs. Branding, competitor analysis, and CDN assets per business — input to every render.

Business profile

  • branding.images.profile.url
  • branding.images.map.url
  • branding.logo

Competitor analysis

  • scores.searchResultsV2.competitors[]
  • competitors[].images
  • competitors[].rating

static-content.owner.com

https://static-content.owner.com/growth/311483d9.jpg
https://static-content.owner.com/growth/9ef551ed.png
https://static-content.owner.com/Growth/brand-logo.png
02

Dynamic rendering engine

The bridge between raw data and visual output. Fetch, merge, render server-side, rasterize. MD5-signed URLs prevent unauthorized image requests.

Data processing

  • Fetch Owner.com APIs
  • Merge brand_id + pipeline_id
  • Parse competitor data
  • Extract visual assets

Image generation

  • Server-side HTML rendering
  • Tailwind CSS templates
  • Alpine.js interactivity
  • Image rasterization

hubspot-merge → image-url

?brand_id={{contact.owner_brand_id}}
&pipeline_id={{contact.pipeline_id}}

→ Unique image per recipient

HubSpot merge tags become URL parameters at send time.

Templates rendered

Competitor MapCompetitor GridScorecardWebsite Preview
03

OpenGraphImage.com delivery

Final-mile optimization and delivery via OpenGraphImage.com — email-safe formatting, global CDN, device scaling.

Optimization

  • Web crop for email clients
  • Screenshot optimization
  • Email-safe formatting
  • Automatic compression

Delivery

  • Global CDN hosting
  • Image caching
  • Mobile / desktop scaling
  • 99.9% uptime SLA

Use cases

Personalization in action.

Competitive analysis emails

Local competitors on an interactive map with rating comparisons and competitive gaps highlighted in real-time.

3× higher CTR

Performance scorecards

Real-time business metrics and visual score indicators with actionable insights personalized per industry.

+45% engagement

Website preview cards

AI-upscaled hero images with brand-color extraction and mobile-optimized previews of how the business shows online.

Builds trust at first glance

Automated outbound sequences

A personalized render for each prospect, generated based on pipeline stage and scaled across thousands of recipients.

6× demo bookings

Visual examples

Dynamic image gallery.

These images demonstrate our dynamic rendering engine using real Owner.com API data for Fleurie in Charlottesville, VA. In production, every email contains freshly-generated images pulled from live business data in under 2 seconds.

Built through collaboration

Three teams. One pipeline.

Blue Ridge Consulting Group

Platform architecture, API integration, HTML rendering, signature security.

OpenGraphImage.com

Web-crop optimization, email-safe delivery, global CDN hosting.

Owner.com

Business data APIs, static-content assets, client partnership and rollout.

The result

Every email shows real data. Every image is unique.

The three-layer engine generates unique renders for every recipient in under 2 seconds — each with real competitor data, business scores, and restaurant previews. No HubSpot API calls. 6× more demo bookings off the back of emails that finally showed prospects something they cared about.

Demo bookings increase

3

Rendering layers

<2s

Image render time

0

HubSpot API calls

What the team said

In their words.

We needed personalized email at a scale HubSpot couldn’t touch. BRCG built the rendering engine that made it possible — every prospect got a unique image generated from their own market data. Demos 6×’d in the first quarter.

Head of Growth

Owner.com

Owner.com · Product Development

Want dynamic personalization for your platform?

We specialize in API integration, custom rendering engines, and creative solutions that work around platform limitations.

Start your project