Insurate.

The next great infrastructure boom is coming.

Editorial UX/UI · Web & PDF design

An editorial web page and printable publication for Insurate’s infrastructure campaign.

Insurate Infrastructure Boom landing-page hero with purple radial graphics, grey modular shapes and white editorial typography.

Web & PDF design

One editorial story, designed for screen and print.

The Insurate editorial page opens with ‘The Opportunity’ and the headline ‘The next great infrastructure boom is coming,’ establishing the subject before the long-form article begins.

The page is organised into a clear editorial sequence. The Stakes, The Context and The Opportunity introduce practical questions for contractors and agents, while the closing ‘Our Role’ section explains Insurate’s position in that relationship.

Bold typographic openings, compact two-column reading blocks, documentary photography and a repeating purple radial motif establish the visual hierarchy. Grey modular fields distinguish sections, and the closing call to action sits within the article’s conclusion.

The article was also designed as a five-page PDF edition for download, offline reading and print. A photographic cover, three interior pages and a closing contact page adapt the content through two-column layouts, prominent question headings, amber accents and a lime radial graphic on the cover.

Role: Editorial design · UI design
Scope: Article structure · Desktop page layout · Typographic hierarchy · Call-to-action design · Downloadable PDF layout

Design highlights

Editorial structure: Context sections lead into separate questions for contractors and agents, ending with Insurate’s role and a call to action.
Web layout: Bold typographic openings, grey modular fields and purple radial graphics define transitions through the long-form page.
Print adaptation: Two-column layouts and bold questions organise the PDF edition, with amber accents throughout and a lime graphic on the cover.

Long-form web design

One continuous argument, with clear shifts in pace.

The continuous page moves from the infrastructure story into practical questions for contractors and agents, then closes on Insurate’s role. Large typographic openings establish the subject; smaller text columns hold the detail. Purple geometry and changes in background mark the transitions without breaking the reading sequence.

Complete Insurate Infrastructure Boom long-form desktop page exported from the supplied Figma frame. — The desktop layout uses staggered text columns to distinguish context, opportunity and audience-specific questions. The purple field returns at the conclusion, connecting the opening statement with the invitation to contact Insurate.

Editorial structure

Dense information, organised around decisions.

The page begins with the stakes, context and opportunity before splitting the practical material into two audiences: what contractors should ask their agents, and what agents should ask their clients. This turns a broad policy story into a useful conversation framework.

01
The stakes
02
The context
03
The opportunity
04
Questions for contractors
05
Questions for agents
06
Insurate’s role

Red bus on the collapsed snow-covered Pittsburgh bridge used in the Insurate article. — Documentary photography makes the scale of the subject immediate.

Brand role & action

The conclusion turns the argument back toward partnership.

Insurate Our Role section with white text over the purple radial system and a Let’s Chat button.

PDF edition / Offline & print

An editorial edition to download, keep and print.

The PDF redistributes the story across five pages: a photographic cover, three numbered editorial pages and a closing contact page. The web layout’s continuous scroll becomes a sequence of page-sized compositions, with two columns, repeated footers and a clear distinction between contractor and agent questions. Amber accents carry through the inner pages; the radial motif returns in lime on the cover.

Insurate PDF cover with a historic bridge photograph, amber title band and lime radial graphic behind the infrastructure boom headline. — **Cover — The opportunity**

Insurate PDF introduction with two columns explaining the stakes and context above a photograph of the collapsed Pittsburgh bridge. — **01 — The stakes and context**The stakes and context sit side by side. The opportunity is set over photography below, bringing the introduction into one self-contained page.

Insurate PDF page for contractors, pairing questions and answers with a photograph of a steelworker and amber diagonal accents. — **02 — Questions for contractors**A prominent question heading gives contractors an entry point. Shorter question-and-answer blocks and a two-column grid organise the supporting material.

Insurate PDF page for agents with a construction photograph and an amber Our Role panel across the bottom. — **03 — Questions for agents and Insurate’s role**The agent questions lead into an amber closing panel. Colour separates Insurate’s role from the practical guidance while keeping both on the same page.

Closing page — Contact details

More work for Insurate

OSHA seminar — Event starting email

Insurate OSHA 300 Logs webinar reminder email, with yellow and black branding, event details, speaker information and construction photography.

Credits

Web-page and PDF design by Hazhin Roshanysefat.

View the Figma prototype ↗

Your next project

Something along these lines?

Discuss a similar project