2021年11月のElementor Webサイト

公開: 2021-12-20

2021 年の最後のショーケースでは、1 年を通して見られた美しい多様性を反映した、豪華なウェブサイトのコレクションをまとめました。 スペース インベーダーをテーマにしたオーストラリアの Web エージェンシー、虹色のメキシカン ケーキ ショップ、普遍的な要素を持つイタリアのムーブメントの Web サイト、マイクロ アニメーションを独自にブレンドした英国のデジタル Web エージェンシーなど、11 月のショーケースにはすべてが揃っています。

創造的なテキスト パスから、真っ黒と明るい白の両方の背景に並べられた美しいグラデーション、ネオン色、パステル色のテキスト、メッセージに命を吹き込むスクロール効果の複雑な使用まで、取り上げるべきユニークなアイデアがたくさんあります。今月のショーケースは年齢層向けです。 それでは早速、今年最後のショーケースを見てみましょう。

太陽の周りの別の革命を締めくくる前に、最後の旅に出ましょう!

Elementor Pro を今すぐ入手

10

21分間のコーチング

Barbora Hengstova – レナス

21 分間のコーチングでは、個々のトレーニングと栄養計画を通じて身体の健康を構築することに集中し、対象を絞った動機付けのビデオと毎週のミニ チャレンジを通じて精神の健康を構築することにも注意を払います。

ドイツのオンライン コーチング ビジネスは、1 ページの Web サイト形式を採用しています。 人気のフォント ペアと素敵なダーク グレーのレタリングを使用して、ウェブサイトは洗練されたリラックスした雰囲気を呼び起こします。 表示されるテキスト パスは、視聴者の注意を維持しながら、両側のヒーローのすぐ下にも表示されます。

このウェブサイトの際立った特徴は、フォームが存在し、ヒーロー自体の中で完全に機能することです。 セクションが美しくシームレスに移行する、穏やかでエレガントなアニメーションの使い方もあります。 スクロール効果はウェブサイトに素晴らしい動きをもたらし、その活発な雰囲気を強調しています。

ウェブサイトのテーマカラーと同じ色を使用した画像には特に注意してください。 これは、ビジネスのモダンな雰囲気全体とうまく調和する、よく考えられた美的タッチです。

21 Minutes Coaching は、ヘッダーからフッターまでアクション満載で、サービスに合わせて訪問者にアクティブな雰囲気を提供します。

設計と開発: Barbora Hengstova – Lenus

テーマ:ページ ビルダー フレームワーク

プラグイン: WP Super Cache、Yoast SEO、ヘッダーとフッターの挿入

ライブウェブサイトを見る

09

アーバンジャングルブログ

ジュゼッペ・カンジャーノ

アーバン ジャングルは、最新の革新的で独占的な都市文化のニュースと製品を探しているすべての消費者の基準点になることを目標に設立された、最高のブランドとのパートナーシップによる国際的なフランチャイズ プロジェクトです。

Urban Jungle のブログは、主に販売促進のためにストアの商品を紹介する場所として機能するため、シンプルでモダンなデザインを使用しています。 細いフォントと直線的なモチーフを使用し、線分割を使用して各セクションのスペースを確保することで、Web サイトはきれいに構成されます。

各記事は、シンプルで明確な、画像を多用したレイアウトに従っています。 実際、キャプションのタイトルや短い紹介を介して、画像の周りに黒いテキストの断片がわずかに配置された画像が投稿を大きく支配しています。 スティッキー カラム ウィジェットがうまく組み込まれている右側の最新の投稿カラムもうまく使用されています。

ページの下部に進むと、フッターが続き、ショップへの訪問を促します。 これは、モダンでミニマルで居心地の良い Web サイトです。各投稿のテキストがコンパクトで短いため、複数のページ ビューが表示されるブログです。 主な焦点は提供されている製品のビジュアルであるため、コンテンツを簡単に吸収できます。

アーバンジャングルは、主要な国際ブランドのアーティストと協力して、限定版、最も欲しい製品、トレンディなアクセサリーを販売していると述べています. 同社のブログ Web サイトは、すべての強みを簡単でシンプルな形式で完璧に提示し、製品の露出を最大化します。

設計・開発:ジュゼッペ・カンジアーノ

テーマ:こんにちは

プラグイン: Elementor の動的コンテンツ

ライブウェブサイトを見る

08

ザメス

Zaima と Ethan Khandaker 著

ZAMMETH は、ウェブサイト開発に対する創業者の共通の愛情と、ビジネス オーナーになりたいという願望から生まれました。 彼らの使命は、オーストラリアのイラワラ地域とその周辺地域に、個人的に調整された一流の魅力的で実用的なウェブサイトを提供し、地元のウェブデザインで有名になることを目標としています.

この Web サイトには、ネオンの前景色からスペースインベーダーのような銀河系の背景まで、レトロな 80 年代のアーケードのルック アンド フィールがあります。 ヴィンテージの VHS ビデオのように早送りでちらつくヒーロー、細い等幅フォント、気を散らすことのない微妙な浮遊星を表示する、これは懐かしさを満喫する Web サイトです。

ページのアイコンにカーソルを合わせると、滑らかな Lottie ウィジェットのアニメーションが表示されます。 実際、ウェブサイト全体は、非常に微妙なアニメーション、カラフルなスペーシーなフォントのミニマルなブレンドを採用しており、すべてコンテンツから注意をそらすことのないアクティブな黒い銀河の背景に設定されています.

特にプロセスページは、ユーザーが徐々に下にスクロールするにつれて、アニメーション化されたロケットを巧妙に使用して月に着陸するため、特別な賞賛に値します. 付属のコピーには、「ONE SMALL STEP… FOR YOUR BUSINESS」と「ONE GIANT LEAP」と書かれています。 このテキストは、ニール・アームストロングの有名な言葉をうまく繰り返して、同社のサービスを強調しています。

「グラインド中の若いカップル!」 ZAMMETH は自分自身を説明する方法です。 この世界の外では、彼らの間隔を空けたウェブサイトをどのように説明するかです.

設計と開発: Zaima と Ethan Khandaker

テーマ:アストラ

プラグイン: WP Forms、Astra Widgets、Elementor Addon Elements

ライブウェブサイトを見る

07

Do WooW

ジャン・マルコ・トッコ

Do WooW は、顧客が大衆と関わり、注目を集めたいと考えていることを理解しています。つまり、知名度を高め、コミュニケーションを改善し、売り上げを伸ばし、デジタル世界で最初の一歩を踏み出すことでブランドに特徴を与え、イメージを一新し、ビジネスにスタイルをオンラインでのプレゼンスに合わせます。

イタリアの衣装は、テキストの印象が強い黒のベッドに華やかな明るい色を使用しています. グラデーションのタイトルが「すごい」効果を与え、アニメーションの見出しが命を吹き込みます。 ロゴもハンバーガーメニューなど、サイトに取り入れられるモチーフです。

スクロール効果と組み合わせたアニメーションのイラスト要素を使用して、通信およびデジタルエージェンシーは、その製品のそれぞれを独自に紹介します. 白と黄色のロゴの色もウェブサイト全体に巧みに組み込まれており、会社の創造的でありながらミニマルなイメージを強化しています.

モダンな Serif Montserrat フォントは、ウェブサイトの美しい現代的な雰囲気をうまく強調しています。 統一されたキャンペーンページは、題材とイラストが見事に調和した見本となっており必見です。

ブランド名をほのめかす他の巧妙なコピーと同様に、ビジネスのロゴをさらに活用した丸い形の使用も見逃せません。 簡単に言えば、Do WooWはとてもすごいです!

設計・開発:ジャン・マルコ・トッコ

テーマ:こんにちは

プラグイン: Elementor のプレミアム アドオン

ライブウェブサイトを見る

06

スタジオさばん

ノア・サバン

スタジオさばんは、さまざまな分野のビジネスクライアント向けの広告スタジオです。 ターゲットを絞ったブランディングと広告戦略、ライティングとコピーライティング、クライアントのビジネス ニーズに応じたピクセル パーフェクトなデザインの幅広いソリューションを提供します。

ビジネスは、透明なタイトルと組み合わされた大きなテープとともに、ロゴの緑と黄色の色をウェブサイトのデザインに美しく溶け込ませています. イスラエルの会社は、スクロール効果を使用した微妙な動きも利用しています。 過去のプロジェクトを華麗にハイライトし、スタジオはスクロール アニメーションを介して公開された資料のリストをズームします。

また、創設者である Noa Saban の個人的な視点もあり、San Serif フォントと組み合わせたロゴのデザインに彼女の署名を使用しています。 同様に、フッターの左下隅近くには、本物のキャラクターを追加する個人的な引用を示すテキスト パスが微妙に使用されています。

ポップアップ メニューは、ホバー時に傾斜アニメーションを巧みに使用し、型にはまらず、ページの上部ではなく下部に表示されます。 ギャラリーも同様に、非対称のスタイルに従って、中心から少し外れています。 連絡先ページとしてポップアップを使用することも、ブースのクリック数と読み込み時間を節約するため、さわやかなタッチです.

Studio Saban は、会社のロゴにインスパイアされたスタイルのユニークなブレンドを提供し、その創造性と新鮮さの両方を強調しています。

設計・開発:ノア・サバン

テーマ:こんにちは

プラグイン: MonsterInsights、JetElements、JetBlog による WordPress 用 Google アナリティクス

ライブウェブサイトを見る

05

ハッチ法

ステラ・グアン

Hatch Law PC は、特許、著作権、商標の企業秘密、商事訴訟を専門とする、ロサンゼルスを拠点とする知的財産法律事務所です。

ただし、この Web サイトは、法律事務所の従来の Web サイト スタイルには従わず、むしろそれが代表する企業に似ています。 現代のトレンディなウェブデザイナーの美学を装って作成された同社は、競合他社とは一線を画しています.

はっきりと見えるのは、現代的な大きな活字の使用で、ヒーロー セクションに目立つ「H」の形と、「HATCH」という単語が、薄い緑色のアウトラインの中空テキストとしてひそかに書かれています。 一方、ブレンドモード、グラデーションカラー、明るいフォントは、テキストを前景にもたらします. 実際、このウェブサイトは、白、緑、青、黄色のテーマカラーをうまくブレンドしています.

イメージ マスクを使用して Hatch の「H」を微妙に表示することは、ミニマルで直線的できちんと整理されたポップアップ メニューと同様に素晴らしいタッチです。 コントラストについて興味深いのは、明るいフォントの色が、黒ではなくネオン ホワイトのキャンバスに対して設定されていることです。

将来のクライアントを注目させる、古くからのニッチに巧妙に現代的なひねりを加えています。 Hatch Law は、法律業界向けの独自の Web サイトに署名、封印、配信しています。

設計・開発: Stella Guan

テーマ:アストラプロ

プラグイン: Yoast SEO、Ultimate Addon、Wordfence、列をクリック可能にする

ライブウェブサイトを見る

04

ダニ フラワーズ ベーカリー

フェルナンド・アンドラーデ – アンドロメダ

Dani Flowers は、3 つの異なるスタイルとさまざまなフレーバーのフィリングから選択して、ケーキをカスタマイズする機能を顧客に提供します。 次に、ケーキを覆うスプリンクルとシロップの色を選択できます。 最後に、トッピング、キャンドル、さまざまなケーキ トッパーで飾ることができます。

このウェブサイトは、明るく華やかな鮮やかな配色を使用しています。 パステル カラーのマルチカラーのテーマが一致しているため、ロゴがどのようにウェブサイトのデザインに影響を与えたかがわかります。 これにより、若い視聴者を対象とした楽しくて幸せな雰囲気が生まれます。

絵文字の使用は、ビジネスが対象としている若い年齢層に向けた素晴らしいメッセージでもあります。 このコピーは、Instagram スタイルのルック アンド フィールをインテリジェントに作成します。 ビデオでは、ソーシャル メディアの GIF のようなマスク形状が使用されています。 メニュー オプションと CTA にカーソルを合わせると、ピンク色の歪曲効果が得られます。 価格設定にも同様にピンクが使用されており、訪問者からより肯定的な反応を引き出しています。

メキシコの会社は、おいしいケーキ ショップの商品に Elementor の WooCommerce Builder を使用しています。 また、ピンクがかったフォントとはっきりとした暗いコントラストを与える、すっきりとしたフッターのタイポグラフィを使用しています。

これは、それが何であるかを正確に知っており、あまり真剣に考えない、楽しく気取らないウェブサイトです. ダニ フラワーズ ベーカリーでは、訪れるたびに期待して唇を舐めさせます。

設計と開発: Fernando Andrade – Andromeda

テーマ:こんにちは

プラグイン: Woocommerce, Yoast Seo, Order Delivery Date Pro for WooCommerce, Simple Custom CSS and JS, SiteGround Optimizer, WooCommerce Country Restrictions – Advanced Pro, WooCommerce Product Add-Ons Ultimate, WooCommerce Stripe Gateway, WP Mail SMTP.

ライブウェブサイトを見る

03

BAAR法律事務所

ジョヴァン・ラキッチ

Baar Law Firm は、さまざまな分野で専門的な移民および国際ビジネス サービスを提供することを専門とし、豊富な経験を持っています。 彼らは、企業と個人の両方のクライアントに専門的なコンサルティングとカウンセリングサービスを提供しています。

非常にフォーマルで、オーストリアの会社の法律サービスに適切に適合するミニマリストのウェブサイト. セージグリーンとオフホワイトの色だけを使用して、ウェブサイトは権威と信頼を呼び起こします. 洗練されたサン セリフ フォントは、全体的なイメージにプロフェッショナルなルック アンド フィールをさらに追加します。

同社は明らかに、力を体現する素敵な白黒のトーンを使用する写真に賢明に投資しています. また、ローディング画面にロゴを組み込んでいますが、微妙なスクロール効果が会社の全体的なプロフェッショナルな雰囲気を維持し、十分なスパークを追加しています.

これは全体的に非常にクリーンでエレガントなウェブサイトで、企業品質で洗練されています. 訪問者を見込み顧客に変えることは、ここでは却下されません。

設計と開発: Jovan Lakic – 一般的な条件

テーマ:こんにちは

プラグイン: Elementor のプラス アドオン

ライブウェブサイトを見る

02

#STEREOTIPISONOVIOLENZA

リムジン・コムニカツィオーネ

Limo Comunicazione は #stereotipisonoviolenza プロジェクトを実施することを決定し、固定観念の背後にある暴力について知識を高め、意識を高めました。 このプロジェクトは、家庭内暴力とは何か、特に女性被害者に対するステレオタイプと偏見を対象として、すべての世代を対象に考えさせることを目的としています。

イタリアのウェブサイトは、情報量の中で失われがちなトピックに明確さと注意をもたらし、背景ビデオ、オーバーレイ画像、カスタム フォントを効果的に組み合わせてトピックを前面に押し出しています。

特に、赤は危険、犠牲、血、怒り、暖かさ、美しさのいずれかまたは組み合わせを普遍的に意味するため、繊細な主題を考えると、大胆な赤は注目に値する選択です。 女性に対する暴力への意識を高めるキャンペーンの場合、これは感情を呼び起こし、人々の注意を引き、行動を促す賢明な色の選択です。

ウェブサイト全体でスクロール効果が使用されており、重要なデータに特別な焦点が当てられています。 カスタム イラストは、キャンペーンの根底にあるメッセージを正確に伝えるのに役立ち、ストーリーを継続するための一致するコピーも提供します。 また、黒、赤、大きく目立つタイポグラフィがウェブサイトに配置されていることもわかります。これは、トピックを考えると完全に適しています.

ピンポイント ターゲットとして機能する独自のカーソルもあります。 円は点をたどっているように見えます。 側面にも赤いスクロールバーが使われています。 ウェブサイトの大きなタイプ、ミニマリストのデザイン、およびモバイル対応の性質が組み合わさって、アクセス可能で消化可能な形式で主題を明確にしています.

ウェブサイトのデザインエンベロープは、テーマと非常にうまく機能し、この最も重要なトピックに非常に必要な注目を集めるため、雰囲気に大きく貢献しています.

設計と開発: Limo Comunicazione

テーマ:こんにちは

プラグイン: Catch Scroll Progress Bar、Preloader Plus

ライブウェブサイトを見る

01

情熱的なデジタル エージェンシー

カレン・サルダリアン & ビリー・アージェント

Passionate は、スタートアップ、中小企業、実店舗向けの設計、開発、マーケティング、およびホスティング ソリューションの提供を専門とするフルサービスのデジタル エージェンシーです。 Passionate は、細部への細心の注意、納期の速さ、およびプロセス全体で提供する本物のアドバイスに誇りを持っています。

エレガントで現代的なウェブサイトである英国のクリエイティブエージェンシーは、デザインに現代的な要素と珍しい要素を巧みに組み合わせています。 美しく特別なセリフ フォントを使用し、他のいくつかのフォントと組み合わせることで、テキストをうまく分割しながら、タイトルを非常にポップにします。

注目すべきは、右側にコンパスに似た回転矢印が付いた円形のテキスト パスです。 ウェブサイトの色は、他の点では生きている白い液体の背景に対して設定された写真から来ています。 ホバー アニメーションもフォントに色を付けます。 実際、たとえばロゴにカーソルを合わせると、遊び心のあるアニメーションが表示されます。

いい感じは、連絡先ページにある従業員の写真にGIFを使用していることです. フォルムも短くシンプル。 また、WooCommerce Builder を使用して Web サイトでデザインを販売しています。これにより、競合他社とは一線を画し、提供するものについてのヒントが得られます。

情熱的なミニマリスト デザインが勝利し、今年のショーピースをトップの座で締めくくります。 これは、2021年の最高の場所に値する非常に高レベルのWebサイトです.

設計と開発: Karen Sardaryan & Billie Argent

テーマ:アストラ

プラグイン: JetBlocks、JetEngine、JetMenu、JetSmartFilters、JetWooBuilder、WooCommerce、Preloader Plus

ライブウェブサイトを見る

あなたの Elementor Web サイトが次のショーケースで取り上げられるべきだと思いますか? あなたの詳細を提出してください!

私のウェブサイトを追加