Welcome to Day 52 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!


Last week we announced the 2016 Divi Showcase Contest and invited the Divi community to submit their best websites for a chance to win from $17,782 in prizes (thanks to a list of very generous sponsors)! We received over 2,300 website submissions, and over the past week I have been going through each website on the list one by one, slowly narrowing down the competition to a manageable list of our top 20 favorites.

It wasn’t easy. The competition was stiff! I had to leave out so many great websites, so don’t feel bad if your site didn’t make it into the finals. I think this year’s contenders are some of the strongest we have ever had. If you are looking for some inspiration for you next Divi site, I suggest browsing each and every one of the awesome sites listed below.

The Finalists

As mentioned above, the original list of 2,300+ websites has been narrowed down to 20 finalists. Now it’s time for the Divi community to vote for their favorites and decide which 3 websites will claim 1st, 2nd and 3rd place! To cast your vote, simply browse the list of sites below and then select your favorite. The three websites will the most votes will win.

1. Bookin Agency

Submitted by Robin Remsa, Bookin Agency is a website filled with wonderful contrasts, great typography and a strong color palette. I love the bright yellow set against the black and white photos and the generous white space given to each paragraph. You can tell that each detail was thought over with great care.

bookinagency

2. Converge

Submitted by Fabricio, Converge is imbued with loads of personality. You are greeted with a blinking dog that tells you right away the type of company you would be working with; one filled with fun-loving and talented people! The colors are bold and vibrant, teetering on the edge of chaos but handled with skill. Sometimes you are rewarded when the boundaries of design are pushed.

converge

3. Doers

Submitted by Arthur Lim, Doers puts on a clinic in good typography. Each title and paragraph is a joy to look at, which makes reading each page a wonderful experience. I love the simplicity of this website. Sometimes the simplest things are the hardest to master, and these guys know what they are doing.

doers

4. ACME Media Kits

Submitted by Mirko Bianco, ACME Media Kits is subtle and sophisticated. I love the colors here. Red, white and gray are classics, but the addition of yellow amongst the hand drag elements really brings this one home for me. I also enjoy how they have used a background image along with a transparent navigation bar to really transform the header into something unique.

acme

5. PS & Company

Submitted by Vicente Latag Jr, PS & Company is super duper clean. I love their enlarged and emboldened headers contrasted by the smaller off-black paragraphs. The header is also great, made unique by forcing the mobile dropdown menu on desktop resolution and offsetting the logo to play off their logo’s hard and angular attributes. They also make great use of video backgrounds towards the bottom of the page, and I love the looping black and white video they have found to sit behind their info boxes.

psandcompany

6. Hyphen

Submitted by Jenni Cabrelli, Hyphen really pushes the boundaries with its wonderful interplay between sections. Repeating shapes and colors bring the page together and entice you downward. Their header is great, especially how they have made use of Divi’s fixed navigation bar settings. Here you can see the transition between transparent to green background colors, as well as the transition between hidden and visible logo states. The logo size has also been increased so that it sits at the top of the browser, mimicking how the triangular sections of the page sit against each other.

hyphen

7. Mugs Cafe

Submitted by Michael Carpenter, Mugs Cafe is no stranger to the Elegant Themes Showcase Contest! This year they are back with a brand new design built with Divi, and it looks great. I love the bold header and its unique background overlay. Further down the page, the website keeps things simple with stark black and white text. Sometimes that’s all you need.

mugscafe

8. Trishia Grace

Submitted by Nicolle Prince, her website reminds us of the importance of good photography. Not only has she filled her site with excellent photos, those photos have been chosen carefully and are fully aware of their surroundings. I especially like how she has used elements in the first photo to both create and break the frame of the first section. Gravity pulls the woman’s skirt down the page, and with it so are we.

trishiagrace

9. Coffee Times Coffee

Submitted by Eric Novak, Coffee Times Coffee shows us what a video header is supposed to look like. I really love the repeating shots used and the way they play with the overlaying logo. I can’t help but be intrigued when I land on this page, enveloped in that spinning vat of what must be some incredibly delicious coffee beans.

coffeetimescoffee

10. display4media

Black, white and green! Submitted by Pelle, Display 4 Media gives us yet another simple color palette that just works. If you are looking to give your own website a modern feel, this is always a great option. Just a few hints of that radioactive green are all you need, and I really like how they have used it in their footer and the news feed towards the bottom of the page.

display4media

11. netsil

Submitted by Chris Besett, Netsil immediately brings you in with its fantasy-filled header. Sometimes API’s can feel like a nebulous topic, and I think the imagery here is quite fitting. The bright header contrasts well with the blue-gray info section below, and I also like their use of the transparent navigation bar.

netsil

12. Otraforma

Submitted by Shalona Thathiah, it’s hard to tell that Otraforma was even built with Divi. I love finding examples of Divi sites that really push the boundaries of customization, and it shows you just how creative you can get if you put your mind to it. I quite like the repeating dashed line that explores the page at angles that mimic those found in their furniture.

otraforma

13. The Generation

Submitted by Robert Hallgren, is another website that really makes Divi its own. I love the repeating red-purple gradient here. You can even see it transpire horizontally through their buttons as each one moves from red to purple as if part of the gradient itself (how nice!). There are many more similarly subtle touches that make this website great, such as the custom dropshadow in the header that gives it a unique sense of depth, and the perfectly crafted Divi header that seems to be part of the initial section due to its use of size and transparency. Only when you scroll does the logo and hamburger menu break off from the main structure of the page.

thegeneration

14. Number 11

Submitted by Rob Stinson, Number 11 is another great example of the power of white space and good typography. Mastering these two elements is enough to create a beautiful website, but that’s not all that makes this website great. I really like the header image, which is repeated to create the illusion of reflection as it pulls you down to their main CTA.

number11

15. Ofia Seghaou

Submitted by Karsten Hede, Ofia Seghaou is sleek, dark and wondrous. I really like how the main background image plays off the header image. Inside the header, the text, logo and the focal point of the photo all work together perfectly. There is absolutely no color in the top half of the page, but it really doesn’t need any.

ofias

16. Pensiunea Roua Muntilor

Submitted by Cristian Dragos, Pensiunea Roua Muntilor is a lot of fun. I love how they have separated each section with an illustrated edge as you travel down from the sky, through the forest and into the ground. The trees, which are Divi image modules, seem to grow as the upward animation pulls them up from the ground below.

pensiunearouamuntilor

17. Hupla

Submitted by Kelsey Frizzell, Hupla is a great example of a modern app website. Not only is the website well designed, the app is too! It’s easy to learn what this app does as you scroll down the page, and the white iPhones look great against the purple and blue sections. The photos are already filled with color, but also enjoy the purple overlay used. Their custom Monarch color scheme looks great too!

hupla

18. Studio Caro

Submitted by Caroline Vermeir, Studio Caro is filled with fun and whimsy. I really like her about page, including the live text and animated image. She likes “handlettering, wandering and dreaming out loud,” and I get the sense she is dreaming up something quite spectacular at this very moment.

studiocaro

19. Kornetten

Submitted by Gustav Jonsson, Kornetten is a sleek and modern site that makes great use of its muted color palette and thin line motif. I really like the hover effect on the info boxes below the main header, and I think the undersaturated blue, red and orange go great with the off-white background.

kornetten

20. Pixel x Code

Submitted by Kaye, Pixel x Code welcomes you with as classic idea: “Good design, when done well, becomes invisible.” You can tell that this ideology has informed every part of their design, and I really get the sense that each decision was intentional and well though out.

pixelcode

Cast Your Vote And Help Us Choose The Winners!

To vote for your favorite website, simply fill out the form below. I know how hard it can be to pick one website from such a great list sites, but do you best! The polls will remain open for 5 days, after which the stats will be collected and the winners will be announce next Thursday. Thanks so much to everyone who participated, and congrats to our 20 finalists 🙂

(function(e,t,n,o){var s,c,i;e.SMCX=e.SMCX||[],t.getElementById(o)||(s=t.getElementsByTagName(n),c=s[s.length-1],i=t.createElement(n),i.type=”text/javascript”,i.async=!0,i.id=o,i.src=[“https:”===location.protocol?”https://”:”http://”,”widget.surveymonkey.com/collect/website/js/YX7EDdXUAVOfNvCHuj2K8zdSqQQLnRbWPlm_2Fd6YB9YGVOf1AuGli_2BU1aO8_2BeWDxX.js”].join(“”),c.parentNode.insertBefore(i,c))})(window,document,”script”,”smcx-sdk”);

divi-2-6-logo

Divi 100 Day 52

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;}article iframe{height: inherit;}.smcx-embed,.smcx-embed>.smcx-iframe-container{height:1100px!important;}

The post 20 Beautiful Divi Websites Battle It Out. Cast Your Vote And Help Us Crown This Year’s Winners! appeared first on Elegant Themes Blog.

View @ ElegantThemes

Leave a Reply