If you are looking to create a portfolio website with Divi, there are many free layouts to choose from that give you a pre-designed portfolio page template to showcase your work online.
None of the built-in Divi layout packs use the Divi Filterable Portfolio module, the Divi Full Width Portfolio module, or the Divi Portfolio module, but these modules can be incorporated in you prefer a more organized and scalable solution for your portfolio.
This article will list some of the best Divi portfolio layouts that can let you create a portfolio to showcase your best projects to your potential clients. We will also give a quick overview of using the built-in portfolio module. These options include;
- Model CV portfolio page
- Graphic illustrator portfolio page
- Web freelancer portfolio page
- Makeup artists’ portfolio page
- Risk Management portfolio page
- CV portfolio page
- Architecture Firm portfolio page
- Design Agency portfolio page
- Using the Divi Full Width Portfolio module,
1. Model CV layout pack portfolio page
This is the portfolio page template from the Divi Model CV layout pack and is available to load directly from your Divi Builders pre-defined layouts section.
The page has a bold portfolio text heading with 4 main portfolio image categories displayed below with a subtle hover effect. These would likely link to photo albums for each photo shoot and could easily be duplicated to include multiple rows of galleries.
There is a minimal style text area below spit into 1/3rds for about, recent, and upcoming sections. Below this is some more bold text heading, and some parallax images. The page is closed off with bold text links to about me, portfolio, and hire me.
Portfolio layouts from Elegant Themes come as part of a multi-page layout pack so if you find a portfolio page you like you can either incorporate it into your existing design or load the full site templates into a new site.
Price – Free
More Information
2. Graphic illustrator layout pack portfolio page
This is the portfolio page template from the Divi Graphic Illustrator/design layout pack and is available to load directly from your Divi Builders pre-defined layouts section.
The page has a brief introduction to your portfolio of featured work followed by the portfolio of work section and a call-to-action contact section at the bottom of the layout.
The portfolio section is made up of 3 rows of 3 columns to showcase 9 portfolio items. and are not aligned by rows, but follow a mosaic grid style. it would be a nice touch, and easy to add, a portfolio lightbox effect to show larger pop-up images for viewing works in more detail.
Price – Free
More Information
3. Web freelancer layout pack portfolio page
Ideal for web design portfolios, this is the portfolio page template from the Divi web freelancer layout pack and is available to load directly from your Divi Builders pre-defined layouts section.
The page is split into an introduction section at the top of the page, 2 full-width featured portfolio item sections, a gallery of 6 portfolio projects, and a call-to-action section at the bottom. The gallery of projects in this page template could be replaced with a filterable portfolio layout for sites that need to display a lot of items from various categories.
Price – Free
More Information
4. Makeup artists’ layout pack portfolio page
This is the portfolio page template from the Divi makeup artist layout pack and is available to load directly from your Divi Builders pre-defined layouts section.
The portfolio is split into 3 key portfolio categories each has a single fixed image along with an image portfolio slider. Below is an image grid followed by a subscribe now section and a custom footer area. A great portfolio for showcasing photos of your work.
Price – Free
More Information
5. Risk Management layout pack portfolio page
This is the portfolio page template from the Divi Risk Management layout pack and is available to load directly from your Divi Builders pre-defined layouts section.
Whilst each project in the portfolio has a large hero image, this portfolio is more text-based than showing off the product or service on offer. There is a text area for a case description, case results, and a bullet-point list with tick marks for project highlights. The bottom of the page has a bold call to action to encourage users to “make an appointment”.
Price – Free
More Information
6. CV layout pack portfolio page
This is the portfolio page template from the Divi CV layout pack and is available to load directly from your Divi Builders pre-defined layouts section.
The portfolio page layout comes with 3 full-width portfolio items that each have a category, title, image, and brief introduction to the project along with a link to view the full project page.
The layout pack has a separate page layout to showcase each individual project from your portfolio. The bottom of the page has a full-width contact section including a contact form module.
Price – Free
More Information
7. Architecture Firm layout pack portfolio page
This is the portfolio page template from the Divi Architectural firm layout pack and is available to load directly from your Divi Builders pre-defined layouts section.
This layout is one of the few black/dark-based designs available in the Divi Builder layouts area. The page comes with a brief intro text with a light background, but the majority of the layout has dark backgrounds. Full-column portfolio images are overlayed with the project tag, title, client, and button to view the project page. The layout pack has a separate page layout to showcase each individual project from your portfolio.
Price – Free
More Information
8. Design Agency layout pack portfolio page
This is the portfolio page template from the Divi design agency layout pack and is available to load directly from your Divi Builders pre-defined layouts section.
This portfolio has 2-column projects with a project number, title, brief intro, and link to view the project on 1 side, with an image on the other. Text and image sides are swapped as you go down the page. The layout pack has a separate page layout to showcase each individual project from your portfolio.
Price – Free
More Information
Using the Divi Portfolio module
The Divi Portfolio module is another option to create and display a portfolio of work, including images, videos, descriptions, and links to more information. It uses the WordPress Projects functionality and will display your projects automatically.
With the built-in Divi Portfolio module, you can choose from a variety of different layouts and styles to display your portfolio, including grid layouts, carousel layouts, and full-width layouts. You can also customize the module’s settings, such as the number of columns, the image size, and the text overlay options.
Before you can add a portfolio module to your page, you will first need to enable the Divi Builder in Visual Mode. From there you just select the module and place it on your page.
Final thoughts
Many businesses have a portfolio that needs to showcase their work so the portfolio layout and module are popular in Divi. If the free layouts don’t work for you and you don’t like to use the Divi portfolio module either, then there are also a number of premium Divi portfolio layouts that can be bought from the official Elegant Themes marketplace.
If you are looking for some inspiration then you can view the best examples of portfolio pages built with Divi in our showcase gallery.
If you have a great portfolio page that you would like to share with the Divi community, just drop a link to your site in the comments. Let us know if you used one of the free Divi portfolio layouts included in this post or if you created the page from scratch yourself.
It may end up in the Divi showcase too, where you can show off your skills and maybe pick up some extra work from the large community of Divi users.
Thanks fr these. I knew they were in Divi already, but I didn’t take a good look at them for a long time.