Build a web presence that exhibits your design, photography, or video. Adobe Portfolio offers a variety of themes with unique layouts to present your projects equally well on phones, tablets, and desktop computers.

Before You Start

Go to portfolio.adobe.com and click Get Started Free. To publish your site, you will need to have an active Adobe Creative Cloud account. Feel free to download the practice image if you’d like to use it to follow along with these steps.

Step 1: Start a Collection

To make a multipage site, choose Collection of Work.

Adobe Portfolio welcome screen has 2 options of what you can create: Collection of work (this is highlighted) or Welcome page

Step 2: Pick a Theme

Check out the available themes and choose your favorite; we used Ludwig for this project. You can switch themes at any point.

Thumbnails for 9 of the themes available in Adobe Portfolio; Ludwig is selected

Step 3: Explore the Theme

Click through the images and sections to see if you like the layout of the theme. If you do, click Use This Theme to start adding content.

Ludwig theme with grid of 4 images has options to show desktop, tablet, phone view; Blue “Use this theme” button highlighted

Step 4: Add Your First Project

By default, each theme includes a Work and a Contact page that you can customize with your own content. The Work page allows you to add multiple projects as subpages within the collection. (If you already have projects on Behance, you’ll see that portfolio pages were already created for them.) To add a new project, click the + (Add Page) icon in one of the grids and then select Page.

Empty Portfolio page has a title of “Paula Flores”, Add Page and Page option is selected in top left grid

Step 5: Create a Project Page

Add a project title, make sure the Destination is set to Work, and click Create Page.

New page dialog shows “Dream” added as title, Destination is set to “Work” and blue Create Page button is below

Step 6: Upload Your First Image

Click the Image icon, find the image you want, and click Open.

Page building components show Image is selected, additional options include Text, Photo Grid, Lightroom, Video, and more

Step 7: Fine-Tune the Layout

You can adjust the spacing around different sections of a page. To edit your page header margins, hover over header area, click the pencil icon, and select Customize. Use the sliders to set the Top and Bottom values.

Image with the word “Dream” underwater is added to page, Customize header option selected and Top/Bottom margins are “0”

Step 8: Describe Your Project

Click the + icon above the image and select Text.

Blue plus sign above “Dream” image highlighted and Text component is selected

Step 9: Format the Text

Select your text, choose a font, and customize the size, color, and alignment. Click the back arrow in the side panel when you are done.

Text is added to header to describe the “Dream” image, text is set to Paragraph, Futura font, size 24, leading 32

Step 10: Tell Them About You

To add an About page, click the + icon in the sidebar. Add a title for your page, choose Navigation for the Destination, and click Create Page.

Side panel shows “Add Page” option selected, New page is set to “About” and Destination is set to Navigation

Step 11: Get Social

You can promote your social channels on your portfolio. To do so, click Social Icons in the Navigation section.

Step 11: Get Social You can promote your social channels on your portfolio. To do so, click Social Icons in the Navigation section.

Step 12: Add Social Media and Publish

Add the links for each of your social media profiles and tab out of the field to add the icons to your page navigation.

Preview your site at any point by clicking Preview. Click Publish Site when it’s ready to go live.

Social icons info displays in side panel and a URL displays in the fields for Twitter, LinkedIn, and Instagram

Make an Impression

You can build up to five sites. Create portfolios for different aspects of your work and share them with @AdobeCreate so others can find you and discover what you do.

Sample photo portfolio website with a black background and 4 colorful images shown in desktop and mobile layout

Note: Project files included with this tutorial are for practice purposes only.

You may also like