5 Stunning Divi Site Makeovers And What Makes Them Super Effective

5 Ways to Get Creative with Divi’s Person Module
July 9, 2016
How to Create Bars and Charts in WordPress with Visualizer
July 11, 2016
Show all

Welcome to Day 41 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!


In today’s post we’re going to be showcasing the work of various Divi freelancers, studios, and customers who have re-designed websites using Divi to improve a wide range of design and usability features. We’ve received many more submissions for posts like this one and we look forward to showcasing a lot more community work in the future. For today though, we hope you enjoy the five examples below.

5 Stunning Divi Site Makeovers And What Makes Them Super Effective

All of the websites below have been re-designed by members of the Divi community for clients who had previously either not been using Divi or in some cases not even using WordPress. We think the before and after images really speak to the dramatic change that using Divi can have on a website.

1. The Barker Team Realtors Divi Makeover by In Transit Studios

Barker-Before

The Barker Realtors Site Before the Divi Re-Design

Barker-After

The Barker Realtors Site After the Divi Re-Design

View The Site

About the re-design:

“The Barker Team had an outdated, unresponsive, dark website that did not represent their services well. We got to know their team, their personalized service and found out what separated them from their completion. That all translated into the new website design that we created with Divi. We developed a fresh, modern, bright, responsive website with all new functionality. They wanted a site that they could better manage and one that would be more engaging with past and present clients. With the Divi blog and project options, we were able to create a full set of custom post options so the client could post blogs, new listings, success stories and more. Divi made it easy for us to meet all our clients needs and to give them a custom WordPress site that they’ll be able to use and manage for years to come.”

–Josh Hall, In Transit Studios

2. The National Infantry Museum Divi Makeover by Monterey Premiere

National-Infantry-Museum-Before

The National Infantry Museum Website Before the Divi Re-Design.

National-Infantry-Museum-After

The National Infantry Museum Website After the Divi Re-Design.

View The Site

About the re-design:

In this design Geno and his co-designer Andrea Walker brought the National Infantry Museum website onto Divi with the goal of simplifying the design elements on the various pages, optimizing them for a more elegant experience, while also making the site responsive and mobile friendly.

Geno Quiroz, Monterey Premeire

3. The Eddie Judd Photography Divi Makeover by Melissa Love

Eddie-Judd-Before

Eddie Judd’s Photography Website Before the Divi Re-Design.

Eddie-Judd-After

Eddie Judd’s Photography Website After the Divi Re-Design.

View The Site

About the re-design:

“Eddie’s previous was a mix of hand-made charm and vintage ‘real item’ style, featuring blackboard textures and tape strips. It was time to move on.

We decided to retain the hand-lettered logo and watercolour wash, but brought the rest of the site bang up-to-date, by introducing a monochrome floral texture, a pop of bright color.

The finishing touch was using the Divi module margin settings to offset heading and images to give a contemporary editorial feel.”

–Melissa Love, The Design Space

4. The Vostro In-House Divi Makeover

Vostro-Limited-Business-IT-Support-Before

The Vostro Website Before the Divi Re-Design.

Vostro-Limited-Business-IT-Support-After

The Vostro Website After the Divi Re-Design.

View The Site

About the re-design:

“As a Small Business based in the UK we started using Divi after trying various WordPress premium themes each with their own annoying issues, Divi was like a breath of fresh air with its advanced features and the most intuitive page builder I have ever used.

Just a few of the reasons we use Divi and you should too…

– Intuitive Page Builder
– 30+ High Quality Pre Built Modules
– Fantastic Support (Elegant Themes)
– Import / Export Templates & Settings
– Great Value for Money
– Fully Responsive
– Easily Customised using CSS and Advanced Settings.

As a business technology solutions provider we needed our website to be simple for users to navigate and use and Divi provided us with this out of the box, all we did was add content and make a few CSS tweaks to make it look individual.”

–Jonathan Lawton, Managing Director | Vostro

5. Advanced Skin Treatment Divi Makeover by Leslie Bernal

Advanced-Skin-Treatments-Before

The Advanced Skin Treatment Website Before the Divi Re-Design.

Advanced-Skin-Treatments-After

The Advanced Skin Treatment Website After the Divi Re-Design.

View The Site

About the re-design:

“My client Kellie Campbell was using a paid service that catered to skincare professionals to make her website. It packed the hosting and design of the site into one bundle like a template builder, but she had little control over the design layout. It also wasn’t responsive and didn’t take into account the changing visual trends in web development. I used Divi to do a complete overhaul and made her site more visually engaging and interesting. She loved starting fresh with a brighter color scheme and I used Divi’s fullwidth features to take advantage of the screen real estate and made it a more modern and professional looking website.”

–Leslie Bernal, A Girl And Her Mac

Tomorrow: A Brand New, Free Divi Layout Pack

Well that’s all for today’s Divi 100 post, come back tomorrow for the start of a new week of Divi freebies. Mario has the first of two layout packs to give away tomorrow so you won’t want to miss it.

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement, useful tip, or Divi freebie!

Article thumbnail image by Kit8.net / shutterstock.com

.divi_cta{background-color: #8f43ee; color: #fff; font-size: 20px; font-weight: bold; padding: 20px; text-align: center; display: block; text-decoration: none; border-radius: 4px;}.divi_cta:hover{text-decoration:none;background-color:#7d37d6;}.divi_cta_red{background-color:#db1c1c;}.divi_cta_red:hover{background-color:#c51a1a;}

divi-2-6-logo

Divi 100 Day 41

The Countdown To Divi 3.0

This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.

jQuery(document).ready(function(){jQuery(“#DIV_TO_PLACE_COUNTDOWN”).jCountdown({timeText:”2016/9/7 7:00:00″,timeZone:-8,style:”slide”,color:”black”,width:0,textGroupSpace:15,textSpace:0,reflection:false,reflectionOpacity:10,reflectionBlur:0,dayTextNumber:1,displayDay:true,displayHour:true,displayMinute:true,displaySecond:true,displayLabel:true});});Learn More About Divi 3.0

.section-header{width: 520px; padding: 50px 40px 20px; margin: 100px 0; text-align: center; color: #fff !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #6c2eb9; background-image: url(http://cdn.elegantthemes.com/blog/wp-content/uploads/2016/04/divi-100.jpg); background-repeat: no-repeat;}.section-header h2{margin-top: 0 !important; color: #fff;}.section-header strong{color:#fff;}.section-header img{margin-bottom: 10px;}.section-header:after{position: absolute; bottom: -16px; left: 50%; margin-left: -16px; width: 32px; height: 32px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content:”; background: #6c2eb9;}.divi-demo-link{border-bottom: 4px solid #00d5b5; margin-top: 15px; border-radius: 4px; transition: all.5s ease-in-out; display: block; width: 100%; padding: 10px 0; text-transform: uppercase; font-weight: bold; text-align: center; color: #1C695D; background-color: #00efcb;}.divi-demo-link:hover{text-decoration: none; background-color: #2CFFDF;}.divi-download-link{text-align: center; font-size: 18px; border-radius: 4px; padding: 20px; color: #fff; display: block; margin: 10px 0 10px; background-color: #7e3bd0; transition: background .5s; text-decoration: none; font-weight: bold;}.divi-download-link:hover{background-color: #C04BDE; text-decoration: none;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}

The post 5 Stunning Divi Site Makeovers And What Makes Them Super Effective appeared first on Elegant Themes Blog.

View @ ElegantThemes

Skip to toolbar