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.