The portfolio page is one of the most important pages for anyone providing a service. . For this week, Kenny and his team have created a Bike Repair Layout Pack we think you are going to... Guys, the headline on the first should be “Boon Creative”, the name of the company – and they do great work. The portfolio section uses styled buttons for the filter and shows the projects in a three column grid. 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. One of the strongest ways to use this WordPress theme from Elegant themes is using it for the portfolio of works that have been undertaken by a company or person. This page places the portfolio items in a multi-column layout with no space between the images. 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. This site makes excellent use of color. 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. The projects are displayed in two columns. Hang around until the end for a few links to help you level up your own portfolio page using Divi. The cursor is changed to a large arrow and changes to a large hand when you hover over an image. I want to see Divi Sites which are done by other users. 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. They also include the client’s name and service provided. For real… ouch… It’s never too late to correct the mistake!!! This one was developed for mobile first. Harness the power of Divi with any WordPress theme. 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. Divi Gallery is a great place to start! Based on personal experience, we highly recommend SiteGround hosting for Divi websites. There are lots of articles here at the ET blog that focus specifically on portfolios or elements such as blurbs, images, or galleries. White line-drawn Icons in the bottom corners show the category for the project. Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. Import the file Portfolio example 1 layout.json. This portfolio page shows a full-screen image with title and description in an overlay in parallax. One friend of mine, recommended me to visit the website with this post. However, there are other ways to display your portfolio. I’m glad to found such a cool post with great work. This portfolio page loads projects images similar to Pinterest. Unlimited Users. Thanks for joining us. For this example, I’m going to show you how to showcase a portfolio on a portfolio page. Our junk filter is ON! You’ll find that the theme already caters to creating a portfolio, including through the Divi portfolio module, so you can easily pick the portfolio layout or child-theme and populate it accordingly. Thanks for sharing these amazing divi sites with portfolio ideas. You could do this by visiting sites you know, or by browsing our selection of Divi portfolio & gallery examples. No matter what type of portfolio & gallery website you’re building, there’s bound to be a wide selection of similar sites you can look at. Now go create a new page and give it a title and activate the Divi … Use the visual builder to add a Regular Section with a fullwidth (1 column) row under the header of the page. Looks like several people worked on this site without anyone reading the copy. The page is introduced with a large section with extra-large text that includes a title and description. Following this is a CTA to an online booking app. What some of these portfolios miss out on is gallery navigation. Please try to think more outside the box…. Hi there! you are getting inclined in a hermetic nest if you continue to show agency-websites, company-websites… that is boring! All Designs are Awesome, but my persional Favourite is #9 (The Mighty Fox), Very simple and unique design. JOIN OUR MAILING LIST FOR THE LATEST DIVI UPDATES . The page also includes a list of services, contact form, and newsletter opt-in. However, there are other ways to display your portfolio. It was designed for web designers, creatives, photographers, furniture or jewelry designers, fashion look books or model, etc. Just like I would NEVER get to the portfolio page of the second site. Thanks so much for featuring my portfolio page Randy! Portfolio page it’s what I searched about. Some build the portfolio with elements such as images, blurbs, or galleries. Built to get you more shares and more followers. The line on the left displays the names of the social networks in text that’s oriented sideways. Explore all of the Divi portfolio & gallery website examples below. Brown in Divi Resources. This portfolio page displays a full-width image with title, tagline, and button with an interesting border that matches the site’s branded colors. Each month we showcase the best Divi websites that were submitted from our community and today we want to share with you the top ten websites for the month of... Posted on November 24, 2020 by Jason Champagne in Divi Resources. 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. Choose Import and navigate to your download folder and go to Portfolio example 1 folder. If you make a purchase by visiting one of our links, we may earn a small share of the revenue. Hovering spins the image and provides a link. How to Use a Filterable Portfolio and Post Navigation to Organize Case Studies with Divi, 3 Free Beautiful Project Page Layouts (& How to Build More with the Divi Builder), How to Use Divi Leads to Measure Your Portfolio Site’s Effectiveness, How to Create a Minimal Portfolio Homepage with Divi, Using Filters, Hero Sections, and CTA’s to Expand a Minimal Portfolio Homepage, Free Divi Download: Homepage Portfolio Layout Pack, Free Divi Download: Creative Single Page Portfolio Layout Pack, Using Divi’s Fold Animation to Make Blurbs Bloom, How to Add Advanced Hover Effects to Divi’s Blurb Module Using Hover.css, Creating a Grayscale to Color Gallery with the Divi Gallery Module, How to Create a Unique Overlapping Effect with Background Images, How to Use Divi’s New Filter Options to Beautify Your Images, Divi Design Showcase: New Submissions from November 2020, How to Create a Sticky Promo Video with a Show/Hide Toggle in Divi, Get a FREE Bike Repair Layout Pack for Divi. Divi Portfolio Examples. Thanks Divi Team. Brown in Divi Resources | 16 comments. Thanks Tim. Please fix the headline before they see it! Now click on the blue section button > Add from library > Portfolio example 1. We’re confident that you’ll find something that’s perfect for your portfolio & gallery website project in our gallery. Clicking this opens the image in a lightbox. I liked the Get Web Design approach. Examples of websites include links to view the live website. ). Import the file Portfolio example 1 layout.json. Build any kind of portfolio for any kind of work and easily customize it using the pre-styled Divi modules. This page is introduced with a full-width background with a darkened overlay and an elegant font to display the page’s title. Then add a Filterable Portfolio Module to the row. Scrolling reveals the filtered portfolio in a three-column grid. Divi layouts for portfolios is a bundle of Divi layouts created for creatives of all types that want to show examples of their work. Hovering over any project reveals a magnifying glass. The World's #1 WordPress Theme & Visual Page Builder. That’s our look at 11 Divi websites with cool portfolio pages to help inspire you for your next Divi website. On scroll and ticker appears at the bottom of the page and remains on the screen in this location. The three column sections place an overlay over the images of each project with the client’s logo in white. Many of the images are complete layouts of websites while others are the hero area. Unlimited Websites. 10% off Elegant Themes Lifetime Membership (Limited time! The portfolio includes two and three columns and alternates the layout. Portfolio pages typically include the standard portfolio, filter portfolio, or full-width portfolio modules. The single column section shows an image of the project with text and a button over a patterned background. World has far more diversity — and webdesign has not only commercial content! *facepalm*. Hovering over any of the projects brings in an overlay from the direction the mouse came from. 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. Get 20% discount on Elegant Themes membership using my affiliate link. Divi Examples; Divi Child Themes; Divi Layouts; Divi Plugins; This site lists the best hand picked Divi websites & products from developers all over the world so you get to see only the very best. Posted on November 26, 2020 by Randy A. Hey Divi Nation! It took a format that everyone would be familiar with and then incorporated it into the page. 3D Portfolio Divi Layout Pack is a multi-page layout with built-in 3D hover effects. 3. The home page is generic copy with absolutely no visual spark and then they want me to sign up? Awesome Black Friday Perks For Divi Lifetime Members Are Coming. You're Browsing 50 Divi About Page Examples. The overlay displays the company’s name and services provided along with a link to see the project live. These 16 examples of photography websites built with Divi go to show that Divi can be used to create elegant designs for any type of photography website. They were designed to draw attention to your work and display it in a way that looks professional. Portfolio pages typically include the standard portfolio, filter portfolio, or full-width portfolio modules. He's a longtime WordPress enthusiast and loves learning new things and sharing information with others. This website is not affiliated with nor endorsed by Elegant Themes. I’ll show an image of the section I like and discuss what I liked about it. It’s that time again for our monthly Divi Showcase, where we take a look at ten amazing Divi websites made by our community members. These websites are sure to spark your imagination for your next Divi photography design. And, if you are confident that your video will help boost conversions, it is a good idea to keep the video available... Posted on November 23, 2020 by Jason Champagne in Divi Resources. The portfolio shows the client’s logos in monochrome which displays in color on hover. Scrolling reveals a text section with the name and location of the project and the names of the people involved. 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. In this article we’ll look at 11 Divi websites with cool portfolio pages to help inspire you for your next Divi design. Save 20% on Elegant Themes Yearly Access! 1 License. Randy A. Now go create a new page and give it a title and activate the Divi Builder. Hopefully after competition from Oxygen, Divi will add more features to their photo gallery and blog layouts. Take some time to analyze the design, browse the site, and get a good feel for the style. The filtered portfolio displays the client’s logos in monochrome. You could do this by visiting sites you know, or by browsing our selection of Divi portfolio & gallery examples. Very interesting, I already pinned this to check out later. They remain on screen on scroll. Portfolio pages can be designed many different ways. Posted on July 25, 2018 by Randy A. Under the third section it provides links to see more in each category. When you’re starting a new Divi design, one of the first tasks at hand is to gather inspiration. In this article we’ll look at 11 Divi websites with cool portfolio pages to help inspire you for your next Divi design. Special thanks to Divi Cake for the support. The ultimate email opt-in plugin for WordPress. 2013. The title text, border, and button colors match the site’s branding. The best showcase of beautiful Divi websites, layouts, and child themes. Publish the page. The look also inspires you to click on the individual images. Such a nice surprise this morning . Preview 110+ Premade Websites & 880+ Premade Layouts. This site shows the portfolio items in three columns and includes a section in a single column. Use Case Example: Adding a Portfolio Module to a Portfolio Page . When you’re starting a new Divi website design, one of the first tasks at hand is to gather inspiration. When you’re starting a new Divi website design, one of the first tasks at hand is to gather inspiration. Brown is a freelance writer from east TN specializing in WordPress and eCommerce. The perfect theme for bloggers and online-publications. A module with this capability would be first on my wish-list for Divi. I had to buy the Joomla portfolio plug-in to do this. 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. 3D Portfolio Divi Layout Pack. Choose Import and navigate to your download folder and go to Portfolio example 1 folder. The images use different backgrounds and show the images of the projects on different types of devices.