Journalist Portfolio Blog Website Template

Quick summary

Byline turns a journalist's body of work into a cinematic, evidence-driven landing page. Investigations open as case files with embedded audio, redacted documents, and animated data maps. A scroll-jacked header sequences four city dispatches before handing control back to the visitor. The result is a portfolio that reads like a documentary cold open.

Who this template is for

This template is built for working journalists who need to impress decision-makers, not general audiences. If your work has weight and your next opportunity depends on a strong first impression, Byline was designed with you in mind.

• Investigative and foreign correspondents building a case for a staff role or fellowship grant
• Long-form journalists and documentary co-investigators seeking institutional partnerships
• Senior reporters pitching editorial directors or nonprofit foundations on a specific story beat

What problem this template solves

A clipped PDF on a résumé does not communicate the scale of a multi-year investigation. Byline solves the gap between the depth of a journalist's work and the format used to present it.

• Static portfolio pages flatten narrative momentum and bury the most credible evidence
• Editorial directors and documentary producers need context, not just headlines, to commit to a hire
• Fellowship grant committees evaluate sustained rigor, and a scroll-through experience demonstrates that more effectively than a document attachment

What you get with this template

Byline delivers a single-page interactive portfolio structured around proof, not claims. Every design decision and layout element serves the goal of converting a skeptical institutional reader into a committed collaborator.

• A scroll-jacked hero sequence that locks the viewport through four full-bleed location photographs
• Interactive case file sections with drag-to-unredact documents, audio waveform clips, and scroll-animated data maps
• A persistent bottom-bar call to action and a gated investigation dossier download path for qualifying leads

Feature list

This template includes a focused set of interactive and visual components drawn directly from the brief. Each feature earns its place by serving either narrative credibility or partnership conversion.

Scroll-Jacked Hero Sequence

The header locks the viewport while the journalist's name typesets itself letter by letter in oversized gold serif against pure obsidian. A dateline appears beneath it, and four full-bleed location photographs bleed through the typography in sequence before scroll control returns to the visitor.

Interactive Case File Layout

Each investigation opens with the award it received before revealing the story through embedded multimedia. Visitors can drag to unredact source documents, play audio clips with waveform visualizers, and watch data maps animate on scroll entry.

Stat Interstitial Counters

Between case files, single-stat interstitials display hard numbers like "14 months undercover" or "3 officials indicted." Each number counts up as it enters the viewport, reinforcing the scale of the work without requiring the visitor to read a paragraph.

Persistent Collaboration call to action Bar

A bottom bar labeled "Propose a Collaboration" appears after the third case file. It anchors a form collecting organization name, collaboration type, story beat or region, and a timeline. The bar stays visible as the visitor continues scrolling.

Gated Dossier Download

A secondary conversion path offers "Download Investigation Dossier," a curated PDF of three flagship investigations. Access is gated behind a work email address, qualifying institutional leads while giving editors something to circulate internally.

Award and Recognition Markers

Gold SPJ (Society of Professional Journalists) medallion icons, IRE (Investigative Reporters and Editors) finalist badges, and National Magazine Award laurels mark each case file. Recognition appears before the story content, building credibility before the reader commits to the narrative.

Page sections overview

Design & branding system

The Obsidian and Gold color system is built around restraint. Black dominates every background. Gold appears only where something was won, cited, or honored. Silver carries the reading experience without competing with either.

• Deep editorial black (#0B0D0F) for all primary backgrounds, with charcoal newsprint (#1A1D23) for card and section surfaces
• Tarnished brass (#C9A84C) reserved for pull quotes, award markers, and headline typesetting to signal earned recognition
• Cool silver (#A8B2BD) for body text and datelines, keeping long-form reading comfortable against dark surfaces

Mobile & speed optimization

The template is designed so that its immersive scroll behaviors and multimedia components translate coherently to smaller screens. The layout adapts without losing the editorial weight of the desktop experience.

• Full-bleed hero photography and the typeset animation reflow correctly on mobile viewports
• Case file sections stack vertically on smaller screens, keeping document and audio components accessible
• Stat interstitials and the persistent call to action bar remain visible and functional across device sizes

How this template helps you convert

Byline structures the visitor journey around building undeniable credibility before asking for a commitment. The conversion architecture follows a deliberate sequence.

1. The scroll-jacked hero and award markers front-load authority so that by the third case file, the visitor is already persuaded of the journalist's caliber before the "Propose a Collaboration" bar appears.
2. The gated dossier download creates a second conversion path for leads who are not ready to commit immediately, capturing work-email qualified contacts and giving editors a shareable artifact for internal pitch meetings.

Other information about this template

Byline is a single-page template within the Portfolio and Agency category, specifically built for the journalist interactive portfolio niche. It is a full-width immersive template following a Dark Immersive theme, making it a strong fit for editorial, documentary, and investigative journalism contexts.

• The template suits journalists targeting editorial directors at legacy publications, documentary producers, and nonprofit fellowship committees
• The Partnership and Business-to-Business (B2B) landing page direction means every section is calibrated for institutional decision-makers rather than general audiences
• The Award and Recognition creative direction ensures that professional honors anchor the reader's trust before any collaboration ask is made

Show more