Divi Design Showcase: New Submissions from April 2018

Posted on April 21, 2018 by 26 Comments

Divi Design Showcase: New Submissions from April 2018
Blog / Divi Resources / Divi Design Showcase: New Submissions from April 2018

It’s time again for our monthly Divi Showcase where we take a look at 10 amazing Divi websites made by our community members. 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 April. Throughout the post I’ll point out some of my favorite design features that draw me to each of the websites.

I hope you like them!

Divi Design Showcase: New Submissions from April 2018

1. Heidi Rose

This site was submitted by Heidi Rose. It uses a minimal design with a few sections with background images, a couple of warm tan sections (including one with an overlay), and several sections with white backgrounds with text. Several titles have a hand written font while taglines use all-caps with extra spacing which look amazing over the white backgrounds. I love the use of true parallax in a couple of the sections.

View Website

2. Petratec

This site was submitted by Arthur. You can tell at a glance, just from the colors and images alone, that this site focuses on engineering. The large blue image fades to a solid blue background as you scroll, transitioning from an introduction to services to a contact form. The other pages follow this same design. I love the services section. It has overlapping blurbs which change from blue to yellow on hover, and cut-out images that overlap the blurbs and remain in place on hover.

View Website

3. Noje

This site was submitted by Chris Peak. The hero section displays a background video in time-lapse behind the overlapping product graphic. I love the use of images in this site. An About section displays two columns with images as links to pages. A non-clickable image gallery displays 9 images in three columns. Images do not use padding, so they’re touching on all sides. I also like the dots that appear above the links in the menu on hover.

View Website

4. Shovel

This site was submitted by Kelsey Frizzell. This site makes excellent use of purple highlights and line-art. The art-work is used either in backgrounds or as the graphic to draw attention to a section. Several of the full-width sections with graphics have purple highlights. Alternating numbered lists step you through the process of using the app. I also like the outline for navigation on the How to Study page.

View Website

5. Grib

This site was submitted by Camiel Bos. It uses lots of angle section separators to separate the blue and white backgrounds. A three-column section to show the product and benefits shows a 360 degree rotation of the product using a slider control. Blue and green are used together to create highlights and often alternate from one to the other on hover. The site makes great use of color, box shadow, and illustrations in its calls to action.

View Website

6. Das Gute Ruft

This site was submitted by Philipp Stakenborg. This one alternates tan and blue with two-color section section separators throughout. The tan sections use green highlights as shadows behind the buttons and title text. Several other pages use red highlights in the blue backgrounds. I love the section right in the middle with a background image and a text overlay with its angled section separators that creates an angled section. I also like the footer with its use of dark blue and large icons and the loading animation.

View Website

7. Tip Me

This site was submitted by Philipp Stakenborg. This one uses some interesting section separators. In the hero section you can see a circled cut-out in the right corner. This same curvy design is also used to separate the hero section from the following section, which uses an elegant two-sided button to choose which set of blurbs display. I love the way the blurbs use cartoonish illustrations that stand out and match the site’s branding.

View Website

8. Paper Jacket Marketing

This site was submitted by John Hicks. It uses lots of yellow highlights throughout, including the menu which displays a yellow block with text instead of a hamburger menu and shows a yellow background on open. I love the angled section separator for the hero section with Engage! and a down arrow that invites you to see the rest of the site. I like the way the portfolio images zoom on hover. The site makes excellent use of color, images, and icons.

View Website

9. LearnSafe

This site was submitted by Shawn Wright. This site uses various shades of blue and green for title text, buttons, and graphics against shades of off-white for backgrounds to create a clean and elegant design. A services section displays four services in two columns with alternating background colors, large icons, blue titles, and dark blue links. I love the use of graphics for numbering within blurbs and alternating sections.

View Website

10. Little Green Thumbs

This site was submitted by Molly Seaton-Fast. I love the bold colors and fonts in this site. They work perfectly for the target audience. It uses lots of styled section separators, dividers, true parallax, and overlapping elements. An Instagram slider creates a gallery. The information sections display alternating CTA’s with and without background patterns. The menu displays icons in the submenu and changes color on scroll. Even the blog’s sidebar is styled with a matching background color. I also like the alternating blog layout.

View Website

In Closing

That’s our 10 best community Divi website submissions for the month of April. These sites look amazing and as always we want to thank everyone for your submissions!

If you’d like your own design considered please feel free to email our editor at nathan at elegant themes dot com. Be sure to make the subject of the email “DIVI SITE SUBMISSION”.

We’d also like to hear from you in the comments! Tell us what you like about these websites and if there is anything they’ve done you want us to teach on the blog.

Featured Image via StudioADFX / shutterstock.com

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Get a Free Augmented Reality Layout Pack for Divi

Get a Free Augmented Reality Layout Pack for Divi

Posted on March 25, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Augmented Reality Layout Pack that’ll help you get your next Augmented...

View Full Post
Download a Free Webinar Theme Builder Pack for Divi

Download a Free Webinar Theme Builder Pack for Divi

Posted on March 22, 2024 in Divi Resources

It’s time for another freebie! This time, we’re giving you a free Theme Builder Pack for Divi. Combining these with our beloved Divi Layout Packs is a great way to build the Divi website of your dreams with ease. This week, the design team has created a beautiful Webinar Theme Builder...

View Full Post
Get a Free Modeling Agency Layout Pack for Divi

Get a Free Modeling Agency Layout Pack for Divi

Updated on March 21, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Modeling Agency Layout Pack that’ll help you get your next Modeling...

View Full Post

26 Comments

  1. Great inspirations! From now, there is a new challange for me – to win a place here between the top ten 🙂

  2. I vote for 4 and 6. Nice websites

    • Thanks Ľubo ?
      Number 6 is our agency website – we are helping Social Entrepreneurs and Non Profits to make good stuff visible ?

  3. How do you submit a website?

    • Great question.

    • Read the’In closing’ part…

  4. The colors in these design submissions really pop! Great color coordination too. Beautiful work.

  5. Good stuff and source of inspiration. Technical FYI – #1 hand written text hard to read (i’m old?)#2 page loads painful(i live in the sticks?).

    • When “style” overtakes “function” you get hard to read. Likely, you’re not really so old!

  6. Wow! This was one of the best collections! Love it! Congrats, Randy!

  7. Thanks for featuring Petratec! Always love popping by to see what amazing stuff others are doing with Divi.

    • Hi Arthur,

      Petratic design is excellent. Kudos to you.

  8. all very nice Divi sites. The Paper Jacket one would be my favourite and i’m sure a site that actually gets them a lot of clients too.

    • Thank you Craig!

    • Easily the best I’ve seen here. It’s amazing: folks who actually understand typography, how people read, and what makes a good video. Though I think some copy editing would help here and there. (“just” and “just” withing a few words of each other, and not for the sake of repetition,for example!)

  9. What are the selection criteria? This list contains two sites from the same designer while you had at least one more to chose from (mine)??

  10. If I send an email does not reach the spam folder?

  11. we should do a Divi awards or something!

  12. Some of these are great examples of amazing Divi creations. I use Divi on my sites and it is amazing how many content types you can have covered.

  13. Wow, thanks so much for featuring our website! Excited to keep seeing the Divi community continue to expand the website horizon. Great job to everyone here! Really enjoyed the UX for Tip Me.

    John Hicks
    Paper Jacket Marketing

  14. John, your site was beautiful. My Elegant Themes tutorial request would be how to make that menu button on your Paper Jacket Marketing website.

    Now I want to get in the top 10!

  15. I’m curious to see how Hoje put their product image between the two sections. Was combing through the code and it looked like a lot of padding tweaking, I’m guessing some absolute/relative positioning as well?

    • margin-top: -440px;

  16. Wow! There are some really nice submissions here ?
    And big thanks for featuring two of our Divi websites ?

    Philipp Stakenborg
    Das Gute Ruft

  17. Very cool to be featured again! It always warms my heart when the community appreciates my work 🙂

  18. WOW, thanks for featuring one of our client projects!! Super excited to see Nöje website in the list – thank you. Great work all round. Love to see others work.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today