Journalist - Performancedriven Portfolio Landing Page Template

Quick summary

Byline is a single-page journalist portfolio template designed for long-form reporters and investigative writers. Full-viewport story cards, a parallax floating-photo header, and a frosted-glass navigation bar create a powerful editorial atmosphere. The layout is built around a Partnership and B2B conversion flow, with a commission form and a press kit email gate.

Who this template is for

This template is built for working journalists who need to present their body of work to serious professional buyers. It speaks directly to writers covering high-stakes subjects and pitching to discerning clients.

• Investigative and long-form journalists seeking editorial commissions
• Freelance reporters building credibility with PR agencies or documentary producers
• Writers pitching executive profiles, policy investigations, or feature series to editorial directors

What problem this template solves

Most portfolio pages treat editorial work like a design case study. They bury the best stories in grids, shrink photographs into thumbnails, and bury the contact path behind generic forms. Byline solves all of that.

• It replaces flat grids with immersive full-viewport story cards that recreate the weight of real journalism
• It removes vague inquiry forms and replaces them with a focused commission request that filters serious buyers
• It gives the journalist a press kit download path so professional contacts can move forward without a back-and-forth email chain

What you get with this template

You get a complete, scroll-driven single-page portfolio that functions as both a creative showcase and a professional outreach tool. Every section is built and ready to populate with your bylines, photographs, and publication history.

• A parallax floating-photo header with six or seven photojournalism stills and an animated byline reveal
• Full-viewport story cards with background photography, glassmorphic text panels, headline, publication logo slot, two-line lede, and a "Read the piece" link per story
• A persistent frosted-glass navigation bar carrying a "Commission a Story" primary call to action and a "Download Press Kit" secondary action with a single-field email gate

Feature list

This template ships with a focused set of purpose-built components. Each one serves the editorial tone and the B2B conversion goal at the same time.

Parallax Floating Photo Header

Six or seven photojournalism stills are arranged at staggered depths on a parallax glass plane. The images drift with subtle cursor movement. Frosted edges give each photograph a pressed-between-glass quality. A tracked-out uppercase byline fades in below center, followed by a thin animated blue underline beneath the journalist's beat descriptor.

Full-Viewport Story Cards

Each scroll segment occupies the full screen. A desaturated field photograph forms the background, and a glassmorphic text panel slides over it carrying the headline, publication logo slot, a two-line lede, and a "Read the piece" link. A soft depth-of-field blur transitions between cards so each previous story recedes naturally.

Scroll-Rhythm Acceleration

Early story cards linger on screen longer. Later cards arrive at a faster pace. This intentional rhythm builds a sense of momentum, giving visitors the impression of a career that has grown in scale and speed over time.

Persistent Frosted-Glass Navigation Bar

The navigation bar becomes visible after the visitor passes the second story card. It stays anchored at the top of the viewport from that point forward. The "Commission a Story" call to action lives here, always within reach without interrupting the reading experience.

Commission Form with Editorial Filtering

The commission request form asks for publication name, story type (investigation, profile, feature, or opinion-editorial series), and a freeform brief field labeled "What needs telling?" This language is designed to attract editors arriving with a real assignment and filter out vague or unqualified inquiries.

Press Kit Email Gate

A secondary action labeled "Download Press Kit" triggers a single-field email gate. Visitors enter their email address to access the press kit. This path gives professional contacts a fast, low-friction way to gather credentials without scheduling a call.

Page sections overview

Design & branding system

The visual identity follows a Tech Glass theme built on the Cloud Canvas color system. Every surface feels like cool, diffused light filtering through layered glass, with nothing competing against the words and photographs suspended inside it.

• Off-white (#F4F5F7) and frosted panel gray (#D7DAE0) form the base translucent surfaces across all glass panels and navigation elements
• Deep editorial charcoal (#1B1F24) is used for all headline and body typography, keeping text crisp against light and dark backgrounds
• Signal blue (#4A9EF7) appears only as a functional accent, reserved for hover states, pull-quote marks, the animated beat-descriptor underline, and active navigation indicators

Mobile & speed optimization

The template is designed to translate its full-viewport editorial experience cleanly across screen sizes. The immersive structure is preserved without sacrificing readability or interaction clarity on smaller devices.

• Parallax and depth-of-field transition effects are structured to scale down gracefully so the visual storytelling holds at mobile viewport widths
• The persistent navigation bar and commission call to action remain accessible on touch screens throughout the scroll experience

How this template helps you convert

Byline is built around a B2B conversion architecture that guides professional visitors from first impression to direct outreach. The layout does not just display work; it moves people toward an action.

1. The parallax header and beat descriptor line establish credibility and subject-matter authority immediately, giving editorial buyers a reason to keep scrolling before they reach any pitch or form
2. The commission form's plain-language framing ("What needs telling?") signals confidence and pre-qualifies intent, so the journalist receives inquiries from buyers who already have a real story in mind

Other information about this template

This template is a strong match for journalists building a freelance business or expanding their editorial client base. It is also well-suited for writers transitioning from staff roles to independent work, where a polished outreach-ready page is essential.

• The storybook or full-page layout style means the entire portfolio lives in one continuous scroll, reducing friction for busy editorial contacts reviewing dozens of candidates
• The template style pairs well with writers who cover politics, conflict, business, documentary subjects, or any beat where the work carries real weight and visual documentation
• The Cloud Canvas color system and Tech Glass theme create a neutral editorial backdrop that puts photography and writing front and center, making the template adaptable to a wide range of journalistic voices and visual archives

Show more