Elementor Sites of the Month – July 2018

So many beautiful sites to choose from – only 10 spots available!

Since our last showcase, we have been getting many designer submissions from all over the world. In this post, we take a look at ten gorgeous websites from this list, all made with Elementor.

This time, our criterion wasn’t just style. We also chose industry-leading websites that have been recently redesigned using Elementor.

Take a look and get inspired by what can be achieved with a bit of creativity and our page builder.

10

Good Faith Management is a real estate agency from Goshen, Indiana, offering homeowners the opportunity to sell their properties without having to make prior repairs or listing their home on the market for months.

This is an excellent example of a sales-oriented website. The full-width hero section features an engaging marketing message with a clear call-to-action button. The black and yellow color scheme helps highlight the marketing messages and call-to-action boxes throughout the page. 

09

Although this website is not an actual business, we decided to include it in the list, and really loved the idea behind this project. Here is a great example of how to incorporate modern and playful illustrations in a landing page format. 

The animated timeline presented in the mission page lets the visitor follow the journey to Mars in a fun and engaging way. It’s inspiring to see the different directions our users can explore using our tool, and we’d love to see more creative projects like this one.

08

Korytko Design is a design studio owned by Patrick Korytko and based in Stuttgart, Germany. The studio specializes in high-end design, art & architecture, brand strategy, and web development.

The website Korytko built has a clean and professional look, fitting their target audience. They achieved this look by using a simple yet effective layout of a portfolio grid, and matching it with the right typography. We really liked how they implemented the call-to-action widget to create an appealing clickable project gallery.

07

Tartak Izbica is a family owned Sawmill from Izbica in Poland, established in 1955. They produce and sell different wood products such as roof frameworks, timber wood, and floorboards.

Once you visit this page, you instantly get an impression of what the business is about, and this is no trivial matter. The hero section features a high-quality background video, showing the different stages of wood processing. The company logo complements the theme and the video perfectly. The page includes rough-edged images, along with the tree silhouettes – which both serve to complement the wood theme.

06

Jorge Barragan is a web and graphic designer based in Los Angeles. It’s a big challenge for designers to create their own stylish website, and Jorge accomplishes this task with great success. The site uses floating asymmetrical elements which repeat the shape divider style. These kind of repeating styles help form a unified language throughout the website.

Barragan numbered the different sections, playing with z-index and margins to create multi-layered typography combo. Add to this the vibrant poppy gradient that he chose, the straightforward marketing message and there you have it – an appealing, dynamic, and modern looking website.

05

VH Design is a small web agency from Mariekerke in Belgium. They provide services like UX design, website development, copywriting, and web hosting.

We liked the solid and elegant look and feel of this website. By incorporating blend mode, a stylish logo design, and asymmetrical shape dividers, the agency managed to create an overall stylish effect. The designer also used an animated headline widget on the hero section to present various marketing messages. 

04

CodeinWP is a leading blog in the WordPress community, published by themeisle.com. It covers various aspects of the WordPress platform and publishes tutorials, lists, comparison posts, and articles that reach more than 150,000 visitors every month. Recently they re-designed and launched their new website, using Elementor.

In terms of design, CodeinWP kept a clean and simple layout. They borrowed HTML tags to use them as design language elements, and added turquoise gradients throughout the website, to separate between the different sections.

Want to know more about the re-building process the site underwent with Elementor? There’s an upcoming detailed case study, so stay tuned!

03

Arky is an architecture studio from Ecuador which specializes in urban design.  

The smart choice and use of duotone color scheme, accompanied by modern urban architectural photography, produces a somewhat futuristic look and feel, and encourages the visitor to scroll throughout the website. The site uses a thin font reinforces this sophisticated look and also adds prestige. The sidebar menu with anchors simplifies browsing through the different sections of this one-page website.

02

WP Elevation is an online business coaching program for WordPress consultants. Founded by the WordPress guru Troy Dean, this program teaches web freelancers, developers, and online marketers, how to develop essential business skills, practices, and techniques needed in the digital business world. 

WPElevation’s website is quite big, containing a lot of content, whether it’s the blog page or the podcast page. We particularly liked the blog page layout and the parallax effect in the image when scrolling down.

Interested to hear more about WPElevation and how they can help your digital business grow? listen to our podcast interview with Troy Dean

01

Benjamin Oberemok and Svyatoslav Liashedko are partners in a design agency based in Seattle. They specialize in Web, UI/UX, and Brand Identity. The website they built for their studio keeps up to date with the latest trends, apparent in their choice of broken grid layout, to name one example. The animation, as well as the abundant use of white space, complement this floating style. 

Oberemok and Svyatoslav made an intelligent use in Elementor’s effects and widgets. They placed an animated headline widget inside the word “create,” displaying the services that the studio offers. They also implemented the Flipbox widget to create a gallery of their projects.

You think your Elementor-based website or Landing page should be featured on our next Top 10 Websites column?

Liked This Article?

We have a lot more where that came from! Join 722,494 subscribers who stay ahead of the pack.
By entering your email, you agree to our Terms of Service and Privacy Policy.

About the Author

Matan Naveh
Matan Naveh
Matan is Elementor's Magazine editor. Starting his career as a Radio Broadcaster, he worked as a content manager and Editor-in-Chief for over 10 years. Matan enjoys psychological horror movies and 80's Chinese restaurants.

Share on

Share on facebook
Share on google
Share on twitter
Share on linkedin

Comments

37 Responses

  1. Nice use of the “image box” widget on Good Faith (under Experience, Transparency, Service, and Trust), and kudos to Arky for the first time I’ve seen the side version of the nav widget used as the main menu on a public site. Since they also used menu anchors, it feels very fun and engaging and “kiosk-like.”

    As this post is meant to showcase good ideas and execution, and will draw an audience interested in continuing education, it might be worth offering some anecdotal constructive feedback.

    I won’t single anyone out (glass houses and all that =) but, please be mindful as you’re designing and layout out your pages of overdoing entrance animation. It’s really meant as more of a grace note thing, and you need to ask yourself a) if it’s adding meaningful value by its presence b) if it could detract or distract from the overall presentation and therefore be self-defeating and, relatedly, c) if everything animates, it’s as if nothing does: is it really drawing the kind of attention to itself that you were hoping when everything competes for attention in the same way?

    Lastly, focal points. Consider if there’s a benefit if giving things space to breathe, and how much the user will take in visually at once. You’re making a consistent look, yes, but if you’re directing people’s eyes to funnel them to the information you want them to go see and/or act upon, you need to be judicious in making some stuff still stand out (while staying within the system of colors and fonts and images you’ve decided upon).

    1. I saw that, too and loved it so I just figured it out! After you add an image and you are in the “edit image” menu go to style. Halfway down that menu there is an option for normal or hover. Choose hover. I put the opacity at 1 otherwise it fades and the transition duration at 2 otherwise it is too fast. Hover animation is grow.

      Hope that helps!

  2. I didn’t know about WPElevation and it’s a good idea to train WordPress experts to develop their craft and their business.

    WordPress now being a major digital enabler, for countless online destinations and ideas.

  3. I am a big fan of the design by CodeinWP. Just came to know that they have made their homepage on Elementor Pro. I know the most stunning design is at the end of the post, that’s why I read your monthly roundups downside up.

  4. For example SMART CHAMELEON, how can you create that parallax effect of boxes with Elementor? Maybe they use Elementor to design blocks, but there is also a lot of things that you cannon made with Elementor. On the orher websites also. Please check code and add information, that these websites were made not only with Elementor.

  5. Really amazing websites!
    I completely agree with you on this statement:

    “We particularly liked the blog page layout and the parallax effect in the image when scrolling down.”

    but I would really like to understand how they got to get it.
    I’m not a web designer but just an old lady who is trying to redo her site (liosite.com) and that effect I think might be lighter than the ken burns slider.
    Any help? 🙂
    Thanks for all
    Lio

  6. As always I really enjoyed reading “sites of the month” – – – but I prefer the format in which June was written, where not only the strong points were highlighted but also how the website could potentially be improved. It means the writer has to take a risk in exposing their opinion but it makes for very interesting and thought provoking reading.

  7. Hi Elementor!

    First of all what a beautiful websites examples. We are a small company from the Netherlands and giving up the website for the site of the month was a dream. Nowadays we have completely refurbished the website and would like to give it up for the next site of the month awards! Even if it’s only feedback, because that is how we will improve.

    I’d love to hear from you guys! See URL below :).

    http://www.aquivemedia.nl

  8. I don’t see parallax listed as an option with Elementor extras, is it one of the free options? What is it referred to as?

      1. Thanks for the replay Matan, I’m a supporter of Elementor and purchased the Pro version (and have been extremely happy with it), Ben Ober mentioned it in these comments (that he used the Extras plugin to achieve the parallax effect), and I was hoping he might be able to explain as I’ve spent a significant amount of time trying to find a working solution, but I will check with the Extras folks then, thanks

  9. How to make a menu like site 03 – Arky? I get the vertical but the 3 dots under each that use animation – how is this done with Elementor pro or is this an addon or css custom code?

  10. Thanks for the website breakdowns, what you liked and didn’t, and the inspiration and ideas. My goal is to have a site included by years end. Here’s my entry for August: https//katya.coach Thanks!

  11. How can we submit a site that was made using Elementor Pro? I own approximately (40) different websites but this is the first I’ve created using Elementor and it’s amazing!

  12. Oh my goodness, WPE is GREAT! It’s definitely not a design course, but rather a business building course for automation, drafting killer proposals, implementing better processes, lead gen, etc.

    I haven’t even begun to scratch the surface of all of the bonus content they surprise you with, but the best part – for me, anyway – has been the community that still participates after they finish the initial course. Their private FB group is all aces.

    Sorry for turning this into a WPE gush fest, but hey, I found Elementor because of that group!

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 722,494 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.