2022 年 2 月の Elementor Web サイト
公開: 2022-03-17今年 2 回目のショーケースは、すべてのクライアントが固有のニーズを抱えてやって来る中、Web クリエーターが期待できるものの多様性を証明しています。 今月の Web サイトには、おとぎ話に着想を得た NFT、最先端のサプライ チェーン管理会社、さまざまなクリエイティブ Web エージェンシーとスタジオ、英語学校、グラフィティ アーティスト、ワックス コットン メーカー、自慢のコミュニティ シアターが含まれます。
マウス、ホバー、およびスクロール効果のベスト プラクティスをメモします。 色の組み合わせをテキストや背景全体でシームレスに使用する方法を研究します。 マイクロ アニメーションが Web サイトに命を吹き込む方法を理解する。 テキストのサイズとレイアウト スタイルがサービスの雰囲気にどのように影響するかを確認します。 巧妙なコピーが Web サイトのコンテンツに命を吹き込む様子を体験してください。
オリジナリティを称える素晴らしい 2 月のショーケースをチェックしてください!
Elementor Proを入手
10
アルダム ストリート アート
ジュゼッペ・カンジャーノ
ヒップホップ カルチャーにインスパイアされた Aldam はクルーを設立し、芸術と音楽の道に専念したいという彼の願望を固めました。 スプレー缶、マイク、言葉、絵を武器に、怒り、悔しさ、悲しみなどの感情を創作作品に変換する。
ホバーしながら色付きのスプレー ペイントで遊べる Web サイトはありますか? グラフィティ アーティストのウェブサイトに適したものは他にありません。 スプレー塗料のアニメーションの流れも、スプレー缶から定期的に発射されるのを見ることができます. Aldam Street Art は、ダイナミックなタッチで活気に満ちた若々しい雰囲気を作り出す楽しいインタラクティブな Web サイトです。
ボタン メニューは、グラフィティ アーティストのツールキットに対応するアイコンを使用し、ウェブサイト全体で使用される各カテゴリを強調するために使用されるのと同じ 4 色を使用しています。 Doodle ページには、それぞれの Doodle が新しい Doodle の下にきれいに積み上げられる、素敵な粘着効果もあります。
絵のページの 2 番目のセクションを表示するときに、非対称性を巧みに使用しています。 ホバー効果は、特定のポップアップ内で開くメインの絵のそれぞれに使用されます。 ページを斜めに横切るスライドもあります。
Aldam の作品には、アーバン アートとアンダーグラウンド ストリート カルチャーのエッセンスを捉えた適切な Web サイトが与えられています。
設計・開発：ジュゼッペ・カンジャーノ
テーマ：こんにちは
プラグイン：Elementor Pro、dynamic.ooo
ライブウェブサイトを見る
09
パーシー & ヨーク
パーシー＆ヨーク
Percy & York は、枠にとらわれない思想家であることを誇りとする、広告、クリエイティブ、およびデジタル エージェンシーです。 コミュニケーション、キャンペーン、企業デザイン、ブランドなどのトピックに関しては、彼らは常にクライアントにとって最高のコンセプトを見つけることに情熱を傾けているため、個人的なものになります。
ウェブサイトの配色は、おそらくエージェンシーのドイツのルーツにインスパイアされており、黒、赤、黄色を少しの青と一緒に取り入れ、すべて少しひねりを加えています. 現代的な色合いは、大きなサイズのテキストや背景にも均等に使用されています。 水平スクロールの使用と同様に、彼らの最高の作品をうまく見せています。
サイドバーにはハンバーガー メニュー (面白い形をしたハンバーガー) があり、めったに見られない代理店の Spotify ポッドキャストへのリンクが含まれています。 また、社用犬のマチルダをはじめ、さまざまな従業員の配色を使用した写真編集が行われていることも注目に値します。
テキストは背景色にもまたがっていますが、読みやすさには影響しません。 これは、テーマの各色とうまく調和する慎重な色の組み合わせによるものです。 説明用の小さな小文字の上に設定された、タイトル用の大きな大文字の素敵なフォントの組み合わせもあります.
ホームページのフッターにあるカッコウの喜びのように、Percy & York は潜在的な顧客に連絡する前に「私たちはそれが好きです」と言ってもらいます。
設計・開発：パーシー＆ヨーク
テーマ：こんにちは
プラグイン: Elementor Pro、Borlabs Cookie – Cookie Opt-in、コード スニペット、Elementor – Pro の必須アドオン、Instagram Feed Pro Developer、MailPoet 3 Premium (New)、Elementor の OoohBoi Steroids、WP Rocket、Rank Math SEO Pro
ライブウェブサイトを見る
08
ハリー・スティーブンソンズ
リアム・ボナー
Halley Stevensons は、ワックスコットンと耐候性生地の世界有数のメーカーであり革新者です。 150 年以上の専門知識を持つ独立企業として、この組織は独自の技術的知識と製造経験を蓄積してきました。
会社の遺産はウェブサイトの構造に織り込まれ、過去、現在、未来の断片がホームページに表示されます。 全幅のレイアウトを使用している場合でも、ウェブサイトは淡いパステルカラーの背景によりエレガントに感じられます.
手描きのイメージは、高級ファッション デザイナーのワークショップのルック アンド フィールを提供し、その実用的でクリーンな従来のスタイルも同様です。 単色の配色は、デザインがコンテンツの邪魔にならないので、パターンが話すこともできます.
メガメニューは、ワックスドコットン素材を巧みに使用し、その上に水滴が乗っており、耐候性のセールスポイントを誇示しています. これは、製品の独自性を強調する良い方法です。
製品は世界中に輸出され、ロンドン、パリ、ニューヨーク、ミュンヘン、ミラノで毎シーズン展示されています。Halley Stevensons は、シンプルなインターフェースを使用して、ワールドクラスの製品がすべての重労働を補完できるようにしています。
デザイン & 開発: Liam Bonar – lbd.studio
テーマ：こんにちは
プラグイン: Elementor Pro、Yoast、WP Rocket、Autoptimize、ACF、Imagify
ライブウェブサイトを見る
07
アン グリアナン シアター
by トミー・キャラハン / マナ・デザイン
An Grianan Theatre は、アイルランドの豊かな文化遺産を積極的に祝う劇場プロデューサーとしての成功により、地域の会場の中でも際立っています。 長年にわたって多くの本格的な作品を上演してきました。 これまでのクリエイティブ パートナーには、ユー ツリー シアター カンパニー、コーク オペラ ハウス、パビリオン シアター、シビック シアター、ベルファストのザ リリックが含まれます。
地元、国内、および国際的な芸術およびエンターテイメントイベントを祝うこの劇場は、ウェブサイト全体で紹介されている地元のアーティストをサポートすることにも誇りを持っています. Elementor を使用して再構築された Web サイト。ミニマルで、見やすく、ナビゲートしやすく、文化的な雑誌やブログに似ています。
フラットでミニマリストな白黒のデザインにより、最新のニュースとコンテンツだけに注意が向けられ、ページに彩りと活気が加わります。 薄い新聞のようなタイポグラフィを使用することで、ウェブサイトの情報量の多いアプローチは消化しやすくなり、テクノロジーにあまり関心のない年配の視聴者向けになっている可能性があります。
これは、やり過ぎずに要素を抑えることで、地元のコミュニティの視聴者にサービスを提供する Web サイトです。 フッターに有名な機関からの幅広いサポートを誇らしげに示しているこの劇場は、そのコミュニティの芸術的および文化的中心地です。
An Grianan Theatre は、アイルランド北西部の旗艦店の旗艦サイトです。
設計・開発：トミー・キャラハン
テーマ：アストラ
プラグイン: Elementor Pro、高度なカスタム フィールド、JetEngine、JetSmartFilters、WooCommerce、WP Rocket
ライブウェブサイトを見る
06
スタジオグリット
クリス・フォーサイス
Grit はクリエイティブなスペシャリストのバンドを結集します。 コピーライター、イラストレーター、ビデオ プロデューサー、アニメーター、写真家、デジタル エキスパートがクライアントと密接に協力して、有意義でインパクトのあるクリエイティブ ソリューションを提供します。
背景に珍しいラングーン グリーンの色とユニークなフォントを使用したこの Web サイトには、閲覧者の注意を引き付けるスクロール アニメーションとホバー アニメーションが多数用意されています。 また、暗い背景はウェブサイトにハイエンドなルック アンド フィールを与え、セリフとサンセリフの素敵な組み合わせにより、コピーが適切な階層を持つようにしています。
スクロール効果を使用することで、各プロジェクトがショーケースとして機能し、典型的な対称的なデザインに従うのではなく、展覧会に似た旅に視聴者が連れて行かれているような感覚を与えます。 クリック可能なプロジェクト ページ自体は、複雑に詳細に記述されています。 実際、このウェブサイトは興味深いことに、最新の大きなプロジェクトである Momentum Podiatry について、ヒーロー自体の中で言及しています。
ミニマリストの考え方により、プロジェクトは、小規模なものよりも多くの不動産を受け取る大規模なプロジェクトで自分自身を語ることができます. 訪問者は、インデックス ページでスタジオのポートフォリオ全体を表示して、完全なポートフォリオをスタンドアロン ページに変えることもできます。
Grit 自体は小さなスタジオだと思うかもしれませんが、その Web サイトは大きな機能を強調しています。
設計・開発：クリス・フォーサイス
テーマ：こんにちは
プラグイン: Elementor Pro、コード スニペット、Elementor 用エクストラ、カスタム投稿タイプ UI、Elementor Pro 用 Piotnet アドオン、シンプルなページ順序、SVGator、Yoast SEO
ライブウェブサイトを見る
05
スタジオ ダブルポイント
ニコラス・メイヤー
Studio DoublePoint は、世界中のユーザーのためにあらゆる分野のクライアントと連携しています。 現在の Web サイトを最適化する場合でも、新しい Web サイトを作成する場合でも、Web サービスを使用すると、クライアントはオーディエンスを増やし、顧客とのエンゲージメント率を高めることができます。
強い色、スクロール効果、GIF を使用して、スタジオはプロジェクトを楽しく紹介しています。 下にスクロールするにつれて画像が拡大するズームアウト効果を微妙に使用することは、スタジオのサクセス ストーリーに注意を向けさせる良い方法です。 ウェブサイトの現代的なルックアンドフィールを強調するのに役立つ素敵なソフトサンセリフフォントもあります.
下にスクロールすると背景色がベージュからオレンジに変わり、回転するエンブレムに注意が向けられます。 オレンジは、重要な領域を強調する繰り返しの色です。 また、回転する連絡先の CTA や、電子メールや電話の連絡先オプションには、ホバー効果があります。 プロジェクト ページの色も同様に、プロジェクト自体から借用しています。
メニューは、ホバーすると中空のアウトライン テキストを含む素敵なモダンなフォント スタイルを使用しますが、スタジオ ページは、付随するテキストに基づいて変化するグラフィック & UI デザイナーの静止画を使用します。 これは彼の性格も少し示しており、ウェブサイトをより親しみやすいものにしています.
Studio DoublePoint は、プロジェクトに固有のアイデンティティを作成し、それらを Web 上で生き生きと成長させます。
設計・開発: Nicolas Meyer
テーマ：こんにちは
プラグイン: Elementor Pro、JetEngine、プレミアム アドオン、WP Rocket
ライブウェブサイトを見る
04
ロジコ
ハイム・ベニスティ
ロジコは、ビジネスインテリジェンスに基づくビジネスコンサルティングを提供します。 信頼できる包括的なデータを世界で最も高度な最適化ツールと組み合わせ、国際的な専門家が申請プロセスに同行します。
ポートフォリオ Web サイトが先月のショーケースで紹介された Haim Benisty によって構築された Logico のハイテク Web サイトは、ハイエンドの背景ビデオを使用してトーンを設定し、訪問者を引き付け、最先端の技術を強調しています。 同様に青色の使用は、技術的および技術的進歩のメッセージを伝え、スタートアップによって広く使用されています.
スクロール効果を使用して、組織が利用しているいくつかの国際海運会社を強調しながら、配送センターとオフィス内に移動します。 各部屋は 3D モデルとして表示され、そのサプライ チェーン管理サービスを強調し、運用上の卓越性を強調しています。
ビデオは、組織が最も高度な最適化ツールを使用してどのように機能するかを示しているため、ロボットがオブジェクトを輸送しているのが見られます。 スクロールテリングの使用は美しく適用されており、ほとんどアニメ映画のような効果をページに与えています。 各ページは、閲覧者を誘うワイプ効果を使用して開きますが、「Logico」の「g」は一貫したトランジション効果として機能します。
ロジコは、運用コンサルティングの分野に斬新なアプローチをもたらすエネルギッシュで若い精神を持つ会社であり、その世界クラスのウェブサイトはその強みを効果的に示しています。
設計・開発：ハイム・ベニスティ
テーマ：こんにちは
プラグイン: Elementor Pro
ライブウェブサイトを見る
03
チョークトーク
アディクティブ デザイン クリエイティブ スタジオ
ChalkTalk は、学生との長年の経験と成功に触発された 2 人の長年の同僚のジョイント ベンチャーです。 デュオは、学生が言語を学ぶだけでなく、恐れやプレッシャーなしに意見を交換し、他の人々や文化についての知識を豊かにする環境を作るというアイデアを思いつきました.
この Web サイトでは、各ページで 4 色をインテリジェントに使用しています。 グローバル スタイリングを使用すると、これをシームレスに更新および変更できます。 磁器、ネープルズ イエロー、フェード グリーン、エミネンス (マゼンタ) の組み合わせを使用して、スクロールするにつれて Web サイトの背景の各セクションが変化します。
同様に、ホバー効果は、色とアニメーションを利用して注目を集めるために使用されます。 セクションからセクションへのシームレスなセグエがあり、微妙なトランジション、いたずら書き、引用符がモチーフとして使用されています。 ウェブサイトのターゲット層が若いことを示す絵文字も見られます。
よく見ると、イラストがテキストに結び付けられており、より個人的なコピーが聴衆を惹きつけるために使用されていることが明らかです。 メニューも、マイクロ アニメーションで開く昔ながらの黒板に似ています。
ChalkTalk は、独自の英語学校とは少し異なると考えており、慣習を打ち破るウェブサイトを備えているため、学校は間違いなく他のクラスとは一線を画しています。
設計・開発: Marko と Marija Djurdjevic
テーマ：OceanWP
プラグイン: Elementor Pro、Ocean Extra、Quiz And Survey Master、MouseWheel Smooth Scroll
ライブウェブサイトを見る
02
アイプルズ
ジェネラル コンディション & ミルキンク クリエイティブ スタジオ
Eyeples は、ファンタジーの世界、おとぎ話、ダークな美学、古典芸術、写真にインスパイアされた何百ものユニークな NFT コレクションです。 これは、デジタル アート、写真、イラストがほぼ錬金術師の薬のように融合する、イーサリアム ブロックチェーンを中心に構築されたユニークな魔法のプロジェクトです。
このおとぎ話にインスパイアされたウェブサイトのデザインには、2021 年の年末ショーケースの勝者であるゼネラル コンディションのユニークな指紋が見られるかもしれません。 伝説のリンゴは、白雪姫の描写によく見られるものに似ており、童話のように見えるテキストの中央揃えと同様に、子供の頃の懐かしさを呼び起こします。
商品を売るにはコピーがとても効果的です。 魔法とおとぎ話のような感覚、ウィットに富んだフレーズ、そしてちょっとしたマーケティングのニュアンスで、デザインとコピーが見事に融合し、ディズニー映画のようなユニークな世界を生み出しています。
りんご (または Eyeples と言うべきか) は、ヒーローのホバー効果の使用からフッターに至るまで、Web サイト全体で広く使用されています。 ショップなど、ウェブサイトのすべての要素がまだ公開されているわけではありませんが、Eyepples Apples は、高品質のイラストとストーリーテリングにより、大きな熱意と期待を生み出すのに十分です.
あとは、アイップルを選んで魔法を楽しむだけです。
設計・開発: Jovan Lakic と Stefan Kokovic
テーマ：こんにちは
プラグイン: Elementor Pro、Jet Elements、JetEngine、Premium Addons Pro、Elementor Pro の Plus アドオン
ライブウェブサイトを見る
01
バレルマーケティング
バレルマーケティング株式会社
Barrel Marketing は、マーケティング、ビデオ制作、および Web 開発のスタジオであり、企業のストーリーを真に伝え、ユニークでクリエイティブな体験を生み出すことで、企業の成長を支援しています。 彼らは大きなアイデアを、ブランドと顧客をつなぐ美しいものに変えます。
これは、ウェブサイトが再設計された後、実際にショーケースに掲載されるのは2回目です. 最初は 2019 年 9 月に戻ってきました。ウェブサイトは当時とは大きく異なり、新しいデザインも同様に的を射ています。
マスクの形で覆われた豪華なビデオと組み合わせたパンチの効いたコピーの使用は、すぐに注目を集めます. ウェブサイトのミニマルなルック アンド フィールは、ホワイト スペースの使用によって強調され、モダンな雰囲気を醸し出しています。 チーム紹介ページからも、同社が楽しい雰囲気と温かく魅力的な性格を持っていることがわかります。
リアルなイメージと色を組み合わせた構成は、zineのデザインを効果的に使用し、ウェブサイトに楽しく、親しみやすく、親しみやすい雰囲気を与えます。 有名なクライアントを表示することも、社会的証明を達成するための優れた方法であり、特にページの上位に表示すると、信頼性も高まります.
プロジェクト ページには、潜在的なクライアントが Barrel Marketing のプロセスを理解するのに役立つ課題と解決策を提示する優れたシステムがあります。 背景の画像と色もプロジェクト自体から来ており、ウェブサイトに入った詳細レベルを示しています. 同様に、連絡先ページも、猫が電話に手を伸ばすなどの優れた視覚言語を作成します。
Barrel Marketing は、創造的で戦略的なソリューションと、クライアントが「送信」をクリックするだけですぐにクリックできる、創造的で楽しく有益な Web サイトを使用してストーリーを伝えることで、企業の成長を支援します。
デザイン：ダニエル・フェクサ
開発: Shayne Plesa-Naden、Daniel Fexa、Sebastien Ringuette
テーマ：こんにちは
プラグイン: JetEngine、JetSmartFilters
ライブウェブサイトを見る