{"id":40708,"date":"2020-07-08T09:23:43","date_gmt":"2020-07-08T09:23:43","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=40708"},"modified":"2025-12-29T13:58:07","modified_gmt":"2025-12-29T11:58:07","slug":"showcase-june-2020","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/showcase-june-2020\/","title":{"rendered":"Elementor Sites of the Month \u2013 June 2020"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

It’s that time of the month, we’re truly excited to finally share our June 2020 Showcase.<\/p>

We dedicated this month’s showcase to animated websites, many of which used our new <\/span>Lottie widget<\/span><\/a> to create or add their animations. This is an exciting chapter that we’ve begun along with our fellow user community and we’re excited to see how Elementor users of all backgrounds continue to use this widget. You\u2019ll see that in many of the sites we discuss, we regularly point out which widgets are used to create the effects that we\u2019re discussing.\u00a0<\/span><\/p>

Make sure not to miss any of the sites we’ve listed. Each respective site illustrates so many possibilities of how you can enhance your site, from the animation effects, to motion effects, portfolio presentation, and renowned color palettes.<\/span><\/p>

For the next few months, take a look at your own sites and see if you’d like to submit them to be featured in an upcoming showcase. To do this, click the button at the bottom of the article to submit your masterpiece.\u00a0<\/span><\/p>

Now for the ten sites we’ve chosen for June 2020, it’s time to dive in and discuss.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

10<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

eScooter Safety Tips - Utah Department of Public Safety: A Colorful Safety Zone<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"10.escooters.utah.gov\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

This website was created by Penna Powers, a communications agency in Salt Lake City, Utah for the Utah Highway Safety Office and was part of an effort to help educate e-scooterists on safe riding practices. eSCOOTER’s website creator, Jon Manning, shared with us:<\/p>

\u201cThis site seemed like the perfect opportunity to try out the Lottie Files widget. We were provided with the layered vector files from an educational video (which you can see on the page at the bottom)…Within the Lottie widget controls I set up the viewport triggers, looping limits, and the reverse looping to control each animation in different ways.\u201d<\/p>

As we can see as we scroll down the page, viewport triggers<\/a> are a match made in heaven for website animations. The beauty of viewport-based interactions is that the design elements come to life based on the user’s journey down the page. Adding these triggers to each animation adds an additional layer of excitement and engagement to the effect that we as designers are looking to achieve when choosing to add a design animation to our content.\u00a0<\/p>

eSCOOTER also has a unique way of crafting what seems to be a simple complementary color scheme<\/a> of blue and orange (various shades of each one), along with black and white. Yet, if anything, their color scheme<\/a> and overall style looks as unique and upbeat as possible. The choice of color palette is based on the road sign animation which is dominated by the same shades of blue and orange used in other design elements on the site. The key to safety awareness is directing people’s attention to the rules of the road and making sure each scooter rider takes safety precautions and preparedness seriously. These design choices certainly accomplish this mission.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Design &\u00a0Development:<\/strong> Penna Powers<\/span><\/p>

Theme:<\/strong> Hello<\/span><\/p>

Plugins:<\/strong> EWWW Image Optimizer<\/a>, Wordfence Security, Yoast SEO<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

09<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Waldspielgruppe - D\u00fcdingen: Time to Play<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"8.\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Waldspielgruppe D\u00fcdingen is a weekly playgroup in D\u00fcdingen, Switzerland, for children of the ages three to five, where the children go to the forest to explore nature together with other children. Seeing as they are a playgroup for kids that takes place in the forest, Waldspielgruppe Dudingen\u2019s theme of a playful forest landscape filled with trees and flowers is a perfect fit.\u00a0<\/p>

The illustrated hints of the Swiss landscape of pine trees and mountains are dispersed throughout the background. We also can\u2019t help but notice the motif of a trail that descends down the page from top to bottom, visualizing the concept of scrolling vertically down the page to see what content lies in store. Just as the playgroups take place entirely in the forest, so too, the design of the website is fully contained inside a forest theme, each section surrounded by flowers, trees, and so on.<\/p>

But that\u2019s not all in terms of experience, as the footsteps that weave throughout the site from top to bottom represent the experience a child will have when joining the playground, walking around and exploring. The grass illustration in the footer, made possible by adding a Shape Divider<\/a>, gives a last and final touch of green cheerfulness, and the visitor ends his browsing experience on the forest \u2018floor\u2019, once he\u2019s seen everything that\u2019s planted and crawling within his environment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Design &\u00a0Development:<\/strong><\/span> Ivo Baeriswyl<\/span><\/h4>

Theme:<\/strong> Hello<\/span><\/p>

Plugins: <\/strong>Piotnet Addons For Elementor, Imagify, WP Rocket, WP Sync DB, WP Sync Media Files, Yoast SEO<\/span><\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

08<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Finn and Gray: Thinking Pink<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"9.\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Finn & Gray is a creative design studio based in Minnesota, USA that focuses on \u201ccreating memorable brand identities, fresh web design, and striking photography\u201d, as shared with us by Amanda Nagy, a Co-founder of Finn & Gray.<\/p>

This motif of animated icons is prevalent throughout the homepage, in the row below the hero section of three icon boxes, each one representing a service that Finn & Gray provides, with an animated SVG icon that loads and unloads when hovered over. By using the animated headline widget<\/a> in the hero section, the red-orange underline allows the primary button below (\u2018Let’s Chat’) blend in well with the surrounding pink and white elements in the hero section.\u00a0<\/p>

Lastly, the About Us page<\/a> is yet another digital signature of Finn & Gray’s creativity, with the gradient text color for one word alone within their short paragraph description whose other letters are solid white. Applying the red-pink gradient to the words \u2018Connect’ and \u2018Converts’ is surely no coincidence, as those are their two keywords for what their mission statement is all about: creating a relationship with customers, to form a connection that leads to conversion.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Design &\u00a0Development:<\/strong> Amanda Nagy<\/span><\/p>

Theme:<\/strong> Billey<\/span><\/p>

Plugins:<\/strong> Breeze, Classic Editor, Elfsight Instagram Feed CC, Google Analytics for WordPress by MonsterInsights, Insight Core, Slider Revolution, Super Forms – Drag & Drop Form Builder, Super Forms – Mailchimp add-on, UpdraftPlus – Backup\/Restore, Yoast SEO<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

07<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

OSM: Visualizing Awesome<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"7.\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

OSM is an international software development company in Belgrade, Serbia that provides development, design, IT support, and maintenance services for clients. Jovan Lakic, Senior Graphic Designer at OSM, shared with us that they used Elementor for their new website design which is part of their new rebranding.\u00a0<\/p>

Using Elementor, OSM shared that they \u201cbuilt a new platform for our content from scratch.\u201d This included structural changes to the website, and a unique color scheme where each of their services on the Services page is characterized by its own color and pattern.\u00a0<\/p>

OSM found a truly creative way to take the Gallery widget<\/a> to the next level. Using the multiple gallery mode to enable interactive filtering presents the gallery content as a vast, comprehensive portfolio with many work samples.\u00a0<\/p>

Once we proceed to the row of three columns where each box represents a different service-type, the information hierarchy is well laid out and thought through. Each H2 is sized consistently, and so too the other sections of text. The customized bullet points make each list item super legible, and the variety of border colors and the background inside each one make each column easy to focus on even among the others.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Design &\u00a0Development:<\/strong> Jovan Lakic<\/span><\/p>

Theme:<\/strong> Hello<\/span><\/p>

Plugins:<\/strong> Element pack, Extras for Elementor, Jet Engine, Tricks, Tabs and Elements, PowerPack Elements, Premium Addons for Elementor, Advanced Custom Fields PRO, WPML. Yoast SEO, WP Rocket. Custom Login Page Customizer, Simple Custom CSS<\/a> and JS, Duplicate Page<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

06<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Oksana Guzenko: Vivid Video Photography<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"5.\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Guzimage.com is the photography website of Oksana Guzenko, a professional Russian photographer and videographer based in Vienna, Austria. Oksana has become a prominent family photographer in Vienna, with her area of expertise being photographs of \u201cpeople and their unique and beautiful stories\u201d, as shared by Pavel Guzenko, who designed and developed her Elementor site. As a designer, Pavel expressed his appreciation for Elementor, particularly for its flexibility and nice features, and continuous releases of new features.<\/p>

One personal favorite of ours is the design of the navigation menu. The navigation sidebar we see here, which is, by the way, only visible on the pages that aren\u2019t the homepage, is actually an Elementor Popup<\/a>. The popup\u2019s expanded view is basically somewhat of a miniature version of the homepage sections\u2019 thumbnail videos, but in static image format.\u00a0<\/p>

Drawing this parallel between your homepage and your navigation menu can really enhance user experience. This way, your navigation menu is reminding the visitor about the many pages available to him in your homepage, so that he maintains interest in your site content and proceeds to click through to your other pages. How\u2019s that for lowering your bounce rate?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Design & Development: Pavel Guzenko<\/span><\/strong>\u00a0<\/p>

Theme:<\/strong> Astra<\/p>

Plugins:<\/strong> Autoptimize, Cookie Notice, Google Analytics for WordPress by MonsterInsights, LoftLoader, Official Facebook Pixel, Smash Balloon Instagram Feed, UpdraftPlus – Backup\/Restore, User Profile Picture, Yoast SEO<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

05<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

AVIAJA DANCE: Visual Simplicity<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"4.\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

AVIAJA Dance is a young contemporary dance company founded and led by Sarah Aviaja Hammeken, based in Copenhagen, Denmark.\u00a0<\/p>

What makes AVIAJA unique as a dance company is that their usage for visual art is not exclusive to designing their website. Their dance performances aim at \u201ccaptivating its audience through visually stunning stage art with strong morals and a clear message, questioning society in both a local and global context.\u201d The design and development of AVIAJA\u2019s website was done by Ena Kurtagic Granulo, who shared with us that AVIAJA\u2019s brand identity is centered around their logo, \u201cusing the letter A in different ways and with different purposes: as a graphic element, icon, arrow, button etc.\u201d<\/p>

One of the most unique details that we noticed in AVIAJA\u2019s site are the customized effects added to the navigation menu<\/a>. If you pay close attention to what happens when you hover over any of the navigation menu items, the item text becomes white and gets highlighted in black, but the page you are currently on still remains highlighted.\u00a0<\/p>

Another profoundly impressive theme that runs through the entire homepage is the multiple ways in which the logo\u2019s icon is used. In various sizes and directions, the A from the AVIAJA DANCE logo is used as the page\u2019s hero image, as navigation buttons under text paragraphs, and as decorational design elements throughout the page that move as you scroll through their position. This scrolling effect of the rotating A corresponds well with the video clips of Sarah Avaja Hammeken dancing in a wide open space, parallel to the width of the page.<\/p>

This is all bearing in mind that the A icon from the AVIAJA logo is the initial of Sarah\u2019s name, so the logo and the branding really are an organic extension of her fundamental identity.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Design &\u00a0Development:<\/strong> Ena Granulo<\/span><\/p>

Theme:<\/strong> Hello<\/span><\/p>

Plugins:<\/strong> Smush, Rank Math Seo, Ithemes Security, Wp-Optimize, WPS Hide Login, Complianz<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

04<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Jason Blackeye: Mountains of Creativity<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"3.\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Jason Blackeye, a Content, Graphic and Web Designer based in Greece, shared his experience with us about how he uses the Lottie widget in his personal portfolio site:\u201cI was familiar with Lottie animations long before Elementor Pro added it as a feature. I used to add them with HTML inside my design, but it was not always so perfect. Now with the widget, everything now seems perfect. I have put four Lottie Animations inside my personal website and have added hundreds more to my clients’ sites and it is all running so smoothly. My next stop with Lottie is to design my own animation\u201d<\/p>

The curved lines extending throughout the hero section give each visitor the same impression upon their arrival: this is the portfolio site of a modern, trendy web designer who knows how to work with special effects. From a geometric standpoint, the rounded curves are a good counterbalance with the bold<\/a>, capitalized letters of Roboto font, with its geometric, mechanical style.\u00a0<\/p>

The rotation effect<\/a> (as part of a motion effect) used on the \u2018WORK’ section, triggered by user scrolling makes his UI screenshot just that much more engaging. Beside his UI screenshot, where Jason lists the different tools and skills he used for this project, the fade in animation effect<\/a> added to each progress bar creates a sense of success and achievement, not to mention engagement.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Design &\u00a0Development:<\/strong> Jason Mavrommatis<\/span><\/p>

Theme:<\/strong> Hello<\/span><\/p>

Plugins:<\/strong> Activity Log, Advanced Custom Fields PRO, All-in-One WP Migration All-in-One WP Migration FTP Extension, Code Snippets, Flying Page, Google Analytics for WordPress by MonsterInsights, Google Authenticator, JetElements For Elementor, JetMenu, JetReviews For Elementor, JetTabs For Elementor, JetTricks, Official Facebook Pixel, WP Mail, SMTP, Yoast SEO Premium<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

03<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Four Pillars Studio: Scrolling Reimagined<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Fourpillars.studio\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Fourpillars is a design agency based in Athens, Greece. It\u2019s safe to say that fourpillars\u2019s website takes scrolling effects to new heights. <\/p>\n

Starting from the top, as you begin scrolling downward, the four vertical words that represent their brand messaging start to descend, revealing the complete word as initially you can only see the beginning of each one and not the full words. The user journey of the site is dominated by the morphing illustrations formed by the four lines and five squares that continuously jumble around to form new illustrations. <\/p>\n

Next off, as you keep scrolling down, the logo morphs into the four words that were at the top center when the page initially loaded. Not all at once, of course, as the word keeps changing as you scroll down. This is possibly one of the most creative usage of scrolling effects<\/a> that we\u2019ve ever encountered. <\/p>\n

Did you notice that once you arrive at the star shape, and the illustration splits into two sideways \u2018T\u2019s with a square in the middle, you find yourself inside a game similar to knock-hockey? This is yet again another type of animation and scrolling experience that we\u2019d definitely call one of a kind. We love the playfulness and interactivity that it adds.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Design &\u00a0Development:<\/strong> Ioannis Fetanis, Lefteris Eleftheriades, Spiros Xenos<\/span><\/p>

Theme:<\/strong> Hello<\/span><\/p>

Plugins:<\/strong> MouseWheel Smooth Scroll, Page scroll to id, Safe SVG, Tumult Hype Animations<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

02<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Studio by Instinct: Welcome to Animation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"2.\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Instinct Studio is a design studio that specializes in design and social media management services. The studio was founded as part of an initiative by the Instinct School of Visual Arts, considering themselves to be a technology-driven studio. Instinct Studio\u2019s site designer, Abhilash Shrivastava, shared that the look he was going for when designing the site was clean and simple blog layout, which is definitely prevalent as you scroll down the homepage.\u00a0<\/p>

The studio uses Elementor Pro which allows them to embrace Elementor\u2019s latest new feature: the Lottie widget<\/a>, which Abhilash shared that he \u201cused it to its fullest potential\u201d when designing the site.<\/p>

There are many unique design elements within Instinct Studio\u2019s site. The visitor is welcomed by a fast-paced video background, set to 100% width with position set to \u2018absolute\u2019. The next two sections on the page have a sophisticated way of combining two ways of presenting Lottie animations:\u00a0<\/p>

  1. Hover Effects<\/li><\/ol>

    The vector graphics in each of the four icon boxes<\/a> look static at first, but once you hover over any one of the four, a rounded border with shadow effects appears, and the icons are set to \u2018play on hover\u2019. This is a fine way to use Lottie animations without making your page have too much movement at first glance.\u00a0<\/p>

    \u00a0 \u00a0 \u00a0 \u00a02. Looped Animation<\/p>

    What really caught our eye with the next two-columned section that has a Lottie animation on the left and a Contact Us form on the right is just how original the SVG animation is. It\u2019s almost completely black and white with two shades of dark red, but the looped detail of the steam rising from the cup, in parallel to the dipping of the tea bag, demonstrates such a high level of design skill and creativity.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Design &\u00a0Development:<\/strong> Abhilash Shrivastava<\/span><\/p>

    Theme:<\/strong> Billey<\/span><\/p>

    Plugins:<\/strong> WooCommerce<\/a>, Hide my WP, Jetpack, Mailchip for WooCommerce, QuForms<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    01<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Sunday Studio: Every Detail Counts<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"1.\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    This bold and beautiful website was built by Sunday Studio, a branding and design studio based in Manila, Philippines. Sunday Studio provides core services such as branding, design, digital and web, as well as content development. Their mission statement as a studio is to \u201ccreate brand experiences that people can resonate with and root for\u201d.<\/p>

    What caught our eye about Sunday Studio’s website was the scrolling effects<\/a> on their homepage, as well as their overall color scheme. They really took the traditional and versatile Hello theme and transformed it into a lively, loud and dominant appearance with cutting-edge scrolling effects. If you notice, hovering over the homepage background, a detailed, 3D illustration of outer space, causes the planet visuals to move around. The adjusted angle of the hero text gives the visitor a sense that the website is directed upwards, towards the open-ended, deep blue sky. There is definitely a tone of soaring and flying upwards to discover things you’ve never seen before.\u00a0<\/p>

    Scrolling down the homepage tells a story, as each ecosystem that is illustrated has subtle animations, triggered by the user’s scrolling activity. What’s more is the experience of the colors transitioning between ecosystems. The midnight blue gradually morphs into black, which morphs into dark pink, then orange, and so forth. Essentially, the vertical journey down the homepage tells a visual story of many different elements flying in the sky: parachutists, hot air balloons, butterflies, frogs and swimmers, fish, gold diggers, and so on.\u00a0<\/p>

    At the very bottom of the page, the looping animation of the gold digger’s headlight sliding up and down to illuminate the goldmine is a profoundly unique, impressive animation that really takes the cake.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Design &\u00a0Development:<\/strong> Sunday Studio<\/span><\/p>

    Theme:<\/strong> Hello<\/p>

    Plugins:<\/strong> ACF, CPT UI, Gravity Forms, Yoast SEO, W3 Cache, Wordfence, WP Smush<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Think your Elementor-based website or landing page<\/a> should be featured in our next Top 10 Websites column? Give it a shot!<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSubmit Your Website<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

    Here are our top picks of Elementor sites for June 2020. Check them out!
    \nFind out about the best animated websites built with Elementor. Go through the list we created and enjoy the engaging experiences built by our talented web creators.<\/p>\n","protected":false},"author":340600,"featured_media":40866,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,21,32],"tags":[81],"marketing_persona":[47],"marketing_intent":[49],"class_list":["post-40708","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-showcase","category-design","tag-create"],"acf":[],"yoast_head":"\n10 Inventive Examples of Website Animations | Elementor Showcase<\/title>\n<meta name=\"description\" content=\"Here are our top picks of Elementor sites for June 2020. Check them out!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/showcase-june-2020\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Inventive Examples of Website Animations | Elementor Showcase\" \/>\n<meta property=\"og:description\" content=\"Here are our top picks of Elementor sites for June 2020. Check them out!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/showcase-june-2020\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-08T09:23:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T11:58:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_1200x1200.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\n\t<meta property=\"og:image:height\" content=\"1201\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Orlee Gillis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_880x440.png\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Orlee Gillis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/\"},\"author\":{\"name\":\"Orlee Gillis\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6\"},\"headline\":\"Elementor Sites of the Month \u2013 June 2020\",\"datePublished\":\"2020-07-08T09:23:43+00:00\",\"dateModified\":\"2025-12-29T11:58:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/\"},\"wordCount\":3036,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_showcase_External.png\",\"keywords\":[\"Create\"],\"articleSection\":[\"Elementor\",\"Showcase\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/showcase-june-2020\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/\",\"url\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/\",\"name\":\"10 Inventive Examples of Website Animations | Elementor Showcase\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_showcase_External.png\",\"datePublished\":\"2020-07-08T09:23:43+00:00\",\"dateModified\":\"2025-12-29T11:58:07+00:00\",\"description\":\"Here are our top picks of Elementor sites for June 2020. Check them out!\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/showcase-june-2020\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_showcase_External.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_showcase_External.png\",\"width\":1200,\"height\":629},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/showcase-june-2020\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Showcase\",\"item\":\"https:\/\/elementor.com\/blog\/category\/showcase\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Elementor Sites of the Month \u2013 June 2020\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6\",\"name\":\"Orlee Gillis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g\",\"caption\":\"Orlee Gillis\"},\"description\":\"Orlee is a Content Creator at Elementor who's enamored by UX\/UI Design and UX Writing. She spends a lot of time practicing her design skills and steeping cold brew coffee.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/orlee\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Inventive Examples of Website Animations | Elementor Showcase","description":"Here are our top picks of Elementor sites for June 2020. Check them out!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/showcase-june-2020\/","og_locale":"en_US","og_type":"article","og_title":"10 Inventive Examples of Website Animations | Elementor Showcase","og_description":"Here are our top picks of Elementor sites for June 2020. Check them out!","og_url":"https:\/\/elementor.com\/blog\/showcase-june-2020\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2020-07-08T09:23:43+00:00","article_modified_time":"2025-12-29T11:58:07+00:00","og_image":[{"width":1201,"height":1201,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_1200x1200.png","type":"image\/png"}],"author":"Orlee Gillis","twitter_card":"summary_large_image","twitter_image":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_880x440.png","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Orlee Gillis","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/"},"author":{"name":"Orlee Gillis","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6"},"headline":"Elementor Sites of the Month \u2013 June 2020","datePublished":"2020-07-08T09:23:43+00:00","dateModified":"2025-12-29T11:58:07+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/"},"wordCount":3036,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_showcase_External.png","keywords":["Create"],"articleSection":["Elementor","Showcase","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/showcase-june-2020\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/","url":"https:\/\/elementor.com\/blog\/showcase-june-2020\/","name":"10 Inventive Examples of Website Animations | Elementor Showcase","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_showcase_External.png","datePublished":"2020-07-08T09:23:43+00:00","dateModified":"2025-12-29T11:58:07+00:00","description":"Here are our top picks of Elementor sites for June 2020. Check them out!","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/showcase-june-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_showcase_External.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/07\/june2020_showcase_External.png","width":1200,"height":629},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/showcase-june-2020\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Showcase","item":"https:\/\/elementor.com\/blog\/category\/showcase\/"},{"@type":"ListItem","position":3,"name":"Elementor Sites of the Month \u2013 June 2020"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6","name":"Orlee Gillis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g","caption":"Orlee Gillis"},"description":"Orlee is a Content Creator at Elementor who's enamored by UX\/UI Design and UX Writing. She spends a lot of time practicing her design skills and steeping cold brew coffee.","url":"https:\/\/elementor.com\/blog\/author\/orlee\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/40708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/340600"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=40708"}],"version-history":[{"count":14,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/40708\/revisions"}],"predecessor-version":[{"id":149128,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/40708\/revisions\/149128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/40866"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=40708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=40708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=40708"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=40708"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=40708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}