10 Divi Sites with Cool Portfolio Pages

Last Updated on September 30, 2022 by 16 Comments

10 Divi Sites with Cool Portfolio Pages
Blog / Divi Resources / 10 Divi Sites with Cool Portfolio Pages

The portfolio page is one of the most important pages for anyone providing a service. It not only demonstrates the type of work you do, but also shows the visitor your level of expertise and clients that you’ve worked with. Portfolio pages can be designed many different ways. In this article we’ll look at 11 Divi websites with cool portfolio pages to help inspire you for your next Divi design.

Portfolio pages typically include the standard portfolio, filter portfolio, or full-width portfolio modules. However, there are other ways to display your portfolio. Some build the portfolio with elements such as images, blurbs, or galleries. Of course, this has to work well within the page’s layout. We’ll see examples of each.

I’ll show an image of the section I like and discuss what I liked about it. The websites are in no particular order. Hang around until the end for a few links to help you level up your own portfolio page using Divi.

1. Boon Creative

This site displays a list of services that open in toggles in the hero section followed by a full-width section to show a quote. The portfolio section shows the categories of the services, name of the client, and client description in the left, and images of the project on the right. Each of the portfolio items are separated by a thin divider. Examples of websites include links to view the live website.

See Website

2. roundpeg

This site shows the portfolio items in three columns and includes a section in a single column. The three column sections place an overlay over the images of each project with the client’s logo in white. White line-drawn Icons in the bottom corners show the category for the project. The single column section shows an image of the project with text and a button over a patterned background. Under the third section it provides links to see more in each category.

See Website

3. Leo Whou Teng

This page places the portfolio items in a multi-column layout with no space between the images. Hovering over any of them reveals a blue overlay over the image and a box at the bottom that shows the name and categories of the project. The portfolio includes two and three columns and alternates the layout. The images use different backgrounds and show the images of the projects on different types of devices. This site makes excellent use of color.

See Website

4. Studinger Media Graphics

This site introduces the portfolio page with the company’s logo, name, and page title over an elegant background image that just barely shows through the overlay in monochrome. The portfolio section uses styled buttons for the filter and shows the projects in a three column grid. Hovering spins the image and provides a link. The page also includes a call to action, contact form, and a revealing footer with a QR code and social follow buttons that match the site’s branding.

See Website

5. Catherine Cliffe

This portfolio page shows a full-screen image with title and description in an overlay in parallax. Scrolling reveals a text section with the name and location of the project and the names of the people involved. Following this is a gallery that includes images in full-screen and a three-column grid. Other projects follow a similar pattern with images shown within a two or three-column grid.

See Website

6. Super Divine Web Design

This one numbers each project and displays an image that includes the company’s logo and the services provided, the project’s title with a hand-written font, a short description of the project, and a button to see the project live. The title text, border, and button colors match the site’s branding. Following this is a CTA to an online booking app.

See Website

7. Get Web Design

This portfolio page loads projects images similar to Pinterest. They’re displayed in a 4 or 5-column grid (depending on your screen size and zoom level). Hovering over any project reveals a magnifying glass. Clicking this opens the image in a lightbox. Many of the images are complete layouts of websites while others are the hero area.

See Website

8. Caporal Marketing Digital

This portfolio page displays a full-width image with title, tagline, and button with an interesting border that matches the site’s branded colors. Scrolling reveals the filtered portfolio in a three-column grid. The portfolio shows the client’s logos in monochrome which displays in color on hover. They also include the client’s name and service provided. The line on the left displays the names of the social networks in text that’s oriented sideways. They remain on screen on scroll.

See Website

9. The Mighty Fox

This page is introduced with a full-width background with a darkened overlay and an elegant font to display the page’s title. The filtered portfolio displays the client’s logos in monochrome. Hovering over any of the projects brings in an overlay from the direction the mouse came from. The overlay displays the company’s name and services provided along with a link to see the project live. This is followed by a CTA, a two-column section with a background image in parallax and a testimonial slider, social follow buttons, and an Instagram feed.

See Website

10. Waka

This one was developed for mobile first. The page is introduced with a large section with extra-large text that includes a title and description. On scroll and ticker appears at the bottom of the page and remains on the screen in this location. The cursor is changed to a large arrow and changes to a large hand when you hover over an image. The projects are displayed in two columns. The page also includes a list of services, contact form, and newsletter opt-in. The footer is revealed on scroll and displays video that shows through the cut-out section of text.

See Website

Ending Thoughts

That’s our look at 11 Divi websites with cool portfolio pages to help inspire you for your next Divi website. There are lots of articles here at the ET blog that focus specifically on portfolios or elements such as blurbs, images, or galleries.

Here are just a few:

We want to hear from you. Which of these websites with cool portfolio pages are your favorites? Let us know in the comments.

Featured Image via Graphic farm / shutterstock.com

Divi Cyber-monday Sale

It's The Divi Cyber Monday Sale! Save Big For A Limited Time πŸ‘‡

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Cyber-monday
Premade Layouts

Check Out These Related Posts

Divi 5 Update: Public Alpha Version 4

Divi 5 Update: Public Alpha Version 4

Posted on November 25, 2024 in Divi Resources

The Divi 5 Public Alpha is available for testing. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 4 today. We release new Divi 5 versions every two weeks, and it gets better each time! If you haven’t tested Divi 5 yet, try it and let us know what you...

View Full Post
New Starter Site for Freelancers (Quick Install)

New Starter Site for Freelancers (Quick Install)

Posted on November 24, 2024 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post

16 Comments

  1. Thanks so much for featuring my portfolio page Randy! Such a nice surprise this morning πŸ™‚

  2. All Designs are Awesome, but my persional Favourite is #9 (The Mighty Fox), Very simple and unique design. I will use this design for my future website. Thanks Divi Team.

  3. I liked the Get Web Design approach. It took a format that everyone would be familiar with and then incorporated it into the page. The look also inspires you to click on the individual images.

  4. I’m a writer and need viewers to be able to have the ability to click to enlarge and scroll through my portfolio samples in order to read the copy in an ad, brochure, web page, etc. I had to buy the Joomla portfolio plug-in to do this. A module with this capability would be first on my wish-list for Divi.

  5. Thank u so much!

  6. Hi there! I’m glad to found such a cool post with great work. One friend of mine, recommended me to visit the website with this post. Portfolio page it’s what I searched about.

  7. Thanks for sharing these amazing divi sites with portfolio ideas.

  8. Ideally I would like Divi to incorporate these portfolio ideas just like a good multi-purpose theme instead of having to use the visual builder to add one photo after another. What some of these portfolios miss out on is gallery navigation. There is no way you can move from one lightbox image to another. Hopefully after competition from Oxygen, Divi will add more features to their photo gallery and blog layouts.

    • +1 – Oxygen Builder is amazing!

  9. Very interesting, I already pinned this to check out later. I am starting, and I need to work on my own portfolio and give it some “special” look, but was a little stuck with this. Here I can have some inspiration. πŸ™‚

  10. I don’t want to see webdesign agencies websites anymore. I want to see Divi Sites which are done by other users

    you are getting inclined in a hermetic nest if you continue to show agency-websites, company-websites… that is boring!

    World has far more diversity — and webdesign has not only commercial content!

    Please try to think more outside the box….

    • Ditto!!

  11. Guess no one was watching your reply.

    Just like I would NEVER get to the portfolio page of the second site. The home page is generic copy with absolutely no visual spark and then they want me to sign up? Looks like several people worked on this site without anyone reading the copy.

  12. Guys, the headline on the first should be “Boon Creative”, the name of the company – and they do great work. Please fix the headline before they see it!

    • Thanks Tim. I have no idea how that happened. My apologies to Boon Creative.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

πŸ‘‹ It's The Divi
Cyber Monday Sale!
Get The Deal
Before It's Gone!
Join To Download Today