Understanding how an Adobe Portfolio site is structured can make it much easier to organize and customize your work. This guide walks through the main parts of a Portfolio website using the Marta theme as an example.

Collection Page

A Collection groups related pages together. For example, you might create Collections for:

• Photography
• Branding
• Illustration
• Client Work

In the example below, the Collection is called Work, and it contains several individual custom pages.

Cover Image

Each project page can display a Cover Image on the Collection page. This image acts as a visual preview of the project and helps visitors quickly understand what the page contains.

Choose a cover image that best represents the project or captures attention at a glance.

Page Titles and Descriptions

Project titles and descriptions help provide context for visitors.

Depending on the theme you’re using, this information may:

• Always appear on the page
• Appear only when a visitor hovers over the cover image (rollover behavior)

Navigation

The Navigation menu helps visitors move around your site.

Depending on your selected theme, navigation may appear:

• Across the top of the site
• Along the left side

Your navigation area can also include:

• Your logo or site title
• Links to social profiles
• Behance integration
• Contact links

Masthead

A Masthead is a customizable area near the top of a page.

You can use it to:

• Introduce yourself
• Add a short bio
• Highlight featured work
• Include a call to action

Mastheads can be added to both Collections and individual Pages.

Custom Pages

A Page is where your actual project content lives.

Pages can include:

• Images
• Videos
• Text
• Photo grids
• Embedded media
• Custom layouts

Visitors can reach a Page either through a Collection or directly from your navigation menu.

Page Title and Description

Each Page can have its own title and description, which may also appear on the Collection preview.

This is a good place to explain:

• The project’s purpose
• Your role
• The creative process
• Tools or techniques used

Photo Grid

One of the most commonly used content elements is the Photo Grid.

Photo Grids allow you to display multiple images in a clean, responsive layout that adapts across desktop, tablet, and mobile devices.

You can upload images from:

• Your computer
• Lightroom collections

More in This Collection

At the bottom of many project pages, visitors may see a More in This Collection section.

This helps users continue exploring related projects within the same Collection without needing to return to the main gallery.

For example, if a visitor is viewing a project inside the Work Collection, they may also see links to other related projects from that same group.

Site Structure at a Glance

Here’s a simple way to think about how Adobe Portfolio is organized:

• Collections organize related work
• Pages contain individual projects
• Cover Images represent projects visually
• Navigation helps visitors browse the site
• Mastheads add introductions or featured content
• Photo Grids display visual work cleanly

Together, these elements create a flexible portfolio website designed to showcase creative work across devices.