2022 年 5 月の Elementor Web サイト
公開: 2022-06-13今年で 5 回目となるこのショーケースでは、デザインのトレンドの移り変わりを興味深くほのめかし、レトロな文化的アイコンに新たなひねりを加え、過小評価されている微妙なカスタマイズの力を称えます。 May の Web サイトには、さまざまなクリエイティブ スタジオやエージェンシー、強力な技術起業家ベンチャー、オセアニアで最も人気のある夏の音楽祭の 1 つ、大学のデジタル展示ポートフォリオ、官能的なギリシャのビューティー サロン、草の根のスケート プロジェクト、笑顔に値するモンテッソーリの Web サイトが含まれます。 .
ホバー時にのみ空の Web サイト コンテンツを表示する不思議なアニメーションを発見し、古典的なデザインを最新のレイアウトに実装する方法をメモし、さまざまなスクロールとアニメーション効果を融合させる方法を確認し、コンテンツを抑えて神秘的な雰囲気を保つ方法を学びます。専用の内側のページで、色が感情を超える力を学びます。
5 月の功績のある Web サイトからインスピレーションを得るチャンスです。
Elementor Pro を今すぐ入手
10
フォールズ フェスティバル
クルックシャンクス・エージェンシー
フォールズ ミュージック & アーツ フェスティバルは、ビクトリア、タスマニア、ニュー サウス ウェールズ、西オーストラリアの各地で毎年正月に開催される数日間にわたるオーストラリアの音楽祭です。 オセアニア最大の音楽祭の 1 つであり、世界最大のアクトが集まります。 このフェスティバルでは、現代音楽の公演、ダンス、コメディ、演劇、サーカス、キャバレー、その他の芸術形式が開催されます。 フェスティバルで演奏するアーティストには、ロック、ヒップホップ、インディー ミュージック、エレクトロニック ミュージック、ブルース、ルーツなどがあります。
音楽祭のポスターからヒントを得たこのウェブサイトは、明らかに若い視聴者の心に響くように設計されています。 ノスタルジックな粒状の仕上げをグラデーションの背景に実装すると、ページはどこか砂漠のような雰囲気になります。
Falls Festival は、ターゲットであるモバイル ファーストのオーディエンスを明確に対象とした、大きなタイプ、ミニマリスト デザイン、高度にモバイル対応のスキーマを実装しています。 ピンク、オレンジ、イエロー、ブルーのスペクトルの色を採用することで、フェスティバルはその音楽カタログに沿ったエネルギーと興奮の感情を呼び起こします。
その内部ページを深く掘り下げると、視聴者は各出演アーティストに関する情報や、さまざまなソーシャル メディア ハンドルへのリンクを見つけることができます。 セットリストのサウンドのティーザーを提供し、視聴者はカスタマイズされた Spotify プレイリストが埋め込まれていることに気付くでしょう。
フォールズ ミュージック & アーツ フェスティバルは、コンテンツのメイン ステージのみを維持しながら、現代的な手法の組み合わせを使用してコア層に語りかけます。 2 年間の沈黙の後、フォールズ フェスティバルは再びロックオンの準備が整いました。
設計と開発: Brett Cruickshanks – Cruickshanks Agency
テーマ：こんにちは
プラグイン: Elementor、Elementor Pro、Nitropack、Rank Math SEO、ヘッダーとフッターの挿入
ライブウェブサイトを見る
09
ウラー
Amazonによる割引。
Ulah はスペインのクリエイティブ エージェンシーで、ブランド コンサルティング、デジタル インターフェイスの作成、影響力の大きいプロジェクト向けのマーケティング管理ツールに重点を置いています。 彼らは、6 か国のクライアントのサポートを受けてグローバルに活動しています。 彼らのビジョンは、現在の市場動向に応じた成功した戦略の結果として、各プロジェクトに違いをもたらすことに焦点を当てています。 彼らの仕事はビジネスを簡素化し、新しい行動を促し、人々のニーズを満たします。
視聴者を最初に襲ったのは、かなり型破りに分割されたユニークなヒーローセクションです. 途中から、パンチの効いたコピーが壮大な入り口を作って始まり、強い明るい赤みがかったオレンジ色を採用する方法に至るまで、このウェブサイトは目立ちたいクリエイティブエージェンシーにさわやかなテイクを提供します.
サムズアップ、拳を突き上げた顔、落書きスケッチ、Lottie アニメーションなどのレトロなコンピューター アニメーション シンボルの要素を組み合わせて、ウェブサイトに遊び心のある雰囲気を与え、洗練されたサンセリフ テキスト、大きな文字、フラットなミニマリストがブレンドされています。デザイン。 巧妙なフラッシュバックのようなハンバーガー メニュー効果は、昔ながらのテレビ番組のように感じます。 複数の CTA、テキスト パス、笑顔に似たロゴの使用も注目に値し、この専門業界への気楽なアプローチを強調しています。
オレンジ色に変わるサービス セクションのマウス カーソルの変化と、巧妙に分割された 3 ページの Web デザイン、ブランディング、およびデジタル マーケティングに注意してください。 Web サイトは全体的にインタラクティブで流動的なルック アンド フィールで、内側のページでマスクをうまく使用し、左右のモチーフをユニークに取り入れています。
Ulah は、競争の激しいクリエイティブ エージェンシーの中で際立つための斬新なアプローチです。 プロフェッショナルな仕上がりと遊び心のある喜びを組み合わせることで、エージェンシーはインスピレーション、喜び、そして提供するその巧みな手腕を示しています.
設計と開発: Andres Florido Delgado – BangLUXOR
テーマ：こんにちは
プラグイン: Elementor Pro、Dynamicooo、Unlimited Addons、WRocket
ライブウェブサイトを見る
08
ディスラプター
アメズアルメディアによる
Disraptors は、VC、投資銀行、スタートアップ、NGO、宇宙機関など、さまざまなバックグラウンドを持つ人々のグループです。 彼らは一緒に立ち、時々別のものに取り組んでいます。 彼らはさまざまなコンテンツを制作しており、ヨーロッパ スタートアップ チャンピオンシップ フィナーレを伴う Disraptors Summit が私たちの旗艦です。 彼らのポッドキャスト、地元のスタートアップ コンテスト、ハッカソン、ノーピッチ ミートアップは、彼らの他の主要な手段です。
ショーケース イベントで世界で最も有名な技術の専門家の 1 人の顔を見せることは、説明の必要のないマスター ストロークです。 スティーブ ウォズニアックの有名な顔がブランドと主要人物のすぐ横にあるヒーローに貼り付けられているため、これは、視聴者がスクロールすることなく、グループのベストセラー ポイントを誇示するための戦略的な方法です.
サンセリフ体の「Chakra Petch」フォントを使用することで、ページは昔ながらのコーディング ラインに似せており、モード 13h (VGA 256 色) は、Web サイトのターゲットオーディエンスは間違いなく大きな影響を受けるでしょう。 内側のページのピクセル化されたコンピュータ アニメーション効果も注目に値します。
スクロール効果とアニメーション、シンプルなコピー、未来的な配色、ヴェロキラプトルにインスパイアされたロゴを介して、スクロールテリングの強い感覚があります。 実際、ウェブサイト全体は、有名な業界のアイコンや有名なパートナーを通じて、社会的証明の強い感覚をビューに提供するようにインテリジェントに構成されています.
Disraptors は、21 世紀に適したルック アンド フィールで更新された時代を定義するコンピューティングの黄金時代に非常によく似たスクロール テリング アニメーションを多数採用しています。
デザイン：ロビン・ステンツェル
開発: Amazual Media
テーマ：こんにちは
プラグイン: プレミアム アドオン、Elementor PRO、ACF
ライブウェブサイトを見る
07
COMX
ジョーダン・ジェンキンスとサム・キャリア
COMX は、ビデオゲーム、インタラクティブ テクノロジー、アニメーション、アートにまたがるデジタル プロジェクトの素晴らしい展示会であり、すべてグロスターシャー大学のゲーム テクノロジー スクールの才能ある学生によって作成されました。 毎年、学生はグループを作り、独自のプロジェクトを作成して自分のスキルをテストし、COMX は英国の大学の創造的、技術的、協調的な才能のユニークな表現となっています。
微妙なグラデーションからセクションをマークする鮮やかな全幅キャンバスまで、ウェブサイト全体に色が散りばめられています。 また、訪問者は、ページの全体的な滑らかなルック アンド フィールにマッチする丸みを帯びた角を持つボックス グリッドの審美的な構造にも惹かれます。 ウェブサイトは明るく、楽しく、活気があり、一種の子供のような不思議を呼び起こします.
各ページのヒーローは特定の色で装飾されています。 アワード ページはラズベリー オレンジ グラデーション、チーム ページはブルーベリー セルリアン色、学生ページはティール アクア グリーン ハイブリッド、COMX ライブ ページは青みから紫ラベンダー ブレンド、ギャラリーはロイヤル フクシアローズ ミックス、サーモンとアトミック タンジェリンの融合のログイン ページ。 これらの各ページは、独自の個性をもたらし、独自のエネルギーを放出します。
フェードイン テキスト アニメーションがいくつかのページで使用されており、スクロールするとシームレスに流れますが、最も顕著なのは受賞ページです。 各チームには独自の配色が与えられ、独自の特性と品質を詳述するスペースが与えられています。 Web サイトのフラットなデザインは、デザイン システム全体を抑えるように機能します。
COMX は、ミニマリズム、フラットなデザイン、グラデーションの要素を巧みに組み合わせているため、見ている人を圧倒することなく、ゴージャスな色が Web サイトに命を吹き込む方法の教科書的な例です。 COMXが遊びに来ました！
設計と開発：ジョーダン・ジェンキンスとサム・キャリア
テーマ：こんにちは
プラグイン: Elementor、Elementor Pro、Anywhere Elementor、Anywhere Elementor Pro、ACF フロントエンド、動的条件、カスタム投稿タイプ UI、高度なカスタム フィールド、LoftLoader
ライブウェブサイトを見る
06
混乱
オーランド・マルコーニ
MESSS はブラジルのクリエイティブ エージェンシーおよびスタジオであり、クライアントのブランド コミュニケーションを可能な限り独創的な方法で再考する準備ができている休むことのない専門家のチームで構成されています。 戦略から実行まで、オン、オフ、さらには雰囲気を超えて: 彼らは、クライアントの声を遠くまで響かせるために全力を尽くすことを約束します。 彼らは将来のことを考えていますが、昨日からブランドが必要としているものを理解しています. 非常に気配りのあるユニークな外観で、細部に至るまで驚かせることができることを証明しています。
MESSS には、エージェンシー + スタジオという 2 つの側面があり、それぞれにターゲット ユーザーがいます。 エージェンシーは、「デジタル インフルエンサー」を使用してキャンペーンと販売を活用したい中規模から大規模のブランドにサービスを提供します。スタジオは、キャンペーンを完了するためにビデオおよび写真制作会社を必要とするエージェンシーを対象としています。
クリエイティビティで信頼性を高めるこのウェブサイトは、リッチで鮮やかなメディアを備えたミニマリストのレイアウトを使用しています。 エージェンシーのウェブサイトは、全幅の背景ビデオを使用してクリエイティブな側面を誇示していますが、スタジオのカウンターパートは豊富なポートフォリオを紹介しています。 ウェブサイト全体で目に見えるのは、ロゴの影響を受けたさまざまな要素に使用されている支配的なネオン ピンク色です。
ケース スタディ内には、ほとんどブログのようなルック アンド フィールを備えた優れた階層があります。 フッターまで下にスクロールすると、視聴者は素敵なカスタム Lottie アニメーション、フリースタイルの線の描画、ホバー時にボックスに光るピンクの影、「混乱」という言葉自体の抱擁に気付くでしょう。
MESSS は、信頼性を伝えながらも、創造性と柔軟性を兼ね備えたウェブサイトです。
設計・開発：オーランド・マルコーニ
テーマ：こんにちは
プラグイン: Elementor Pro、Crocoblock JetEngine、DynamicTags
ライブウェブサイトを見る
05
美容室テア
オフスケール
Thea は、テッサロニキの港町でビューティー サロン サービスと高水準の製品を提供する、ポジティブなエネルギーに満ちた温かく居心地の良い空間を提供しています。 ギリシャの施設は、顧客の満足とサービスを第一に考えており、最高のサービスと製品を提供するために一生懸命働いています.
ギリシャは、海にキスされたこの壮大なウェブサイトの言葉です. テッサロニキの石の多い丘とターコイズ ブルーの海を連想させる、ユニークなカラー テーマがウェブサイトを包み込んでいます。 ギリシャの豊かな文化遺産から多くの要素を取り入れ、サロンはこれらをウェブサイト全体のモチーフとして使用しています.
古いものと新しいものの両方にインスパイアされた彫刻、アイコン、ボタン、イラスト、アイコン、ボタン、イラスト、画像、マスクの形など、古典的なギリシャの美学がはっきりと見られます。 心地よい海のフォントもメッセージを伝えるために使用され、女性の美しさを巧みに表現しています。
点やエッジはなく、すべてが洗練されています。 彫刻された女性の頭、胴体、手を使用することで、サロンが提供するフェイシャル、ボディ、マニキュア トリートメントを美しく強調しています。 サロンは明らかに、顧客が神話上の女神のように贅沢に感じることを望んでいます.
Thea の統一されたデザイン言語は、地中海の波のように心地よいものです。 古代の遺産のタペストリーを現代世界の美容トリートメントに織り込んだこのウェブサイトは、その有名な古代へのオマージュであると同時に、現在を祝うものでもあります。
設計・開発: Marios Natsos – OFFSCALE
テーマ：こんにちは
プラグイン: Elementor Pro、WP メール SMTP
ライブウェブサイトを見る
04
ウォド
シャム・シン
WODO は、ビジネスの成長を支援する、情熱的で創造的な思想家、経験豊富な起業家、および高度なスキルを持つエグゼクティブのチームです。 インドに拠点を置き、世界中のクライアントと協力している彼らは、クリエイティブな Web デザインと高い ROI デジタル キャンペーンの基本に固執しています。 簡単に言えば、彼らはオンラインでビジネスを立ち上げ、収益を上げるゲームを知っています。 クライアントのビジネスに適切な点を結び付けることで、影響力のあるデジタル的に有能なソリューションを作成します。
Web サイトのデザインは、現代のデザイン ガイドライン、繊細なアニメーション、マイクロインタラクション、モバイル ファーストのアプローチにインスパイアされています。 使用されるすべての要素は、まとまりのあるブランド アイデンティティを念頭に置いて作成されました。 たとえば、カルーセル効果のある数値ハイライトを使用するアニメーション化された球体を見てみましょう。
視聴者が下にスクロールすると、言葉が回転するインタラクティブなエンブレムが表示されます。 そのすぐ上にはユニークな三角形のハンバーガー メニューがあり、ホバーするとクイック アクセス リンクが黒に変わります。 また、背景のグリッド線にも注意を払う必要があります。これにより、ページに安定性と秩序が少し追加されます.
ウェブサイト全体が、ハイエンドのクリエイティブ エージェンシーが提供できるものを示しています。 ロゴとアイコンに Lottie アニメーションと SVG を使用し、豪華な黒と遊び心のある黄色の配色を組み合わせることで、ウェブサイトの混沌と秩序の混合を美しく対照させています。 関連する内部ページも、Web サイトを離れることなくモバイル エクスペリエンスを示します。 同様に、ページ上のケーススタディの結果もいい感じです。
WODOのブランドビジョンとメッセージは、詳細な内部ページと、最新のモダンなデザインの使用によって例示される高度に洗練されたメインページによって、すべてのプロジェクトを通じて明確に豪華に伝えられます.
デザイン：アラヴィンド・スダルサナン
開発：シャム・シン
テーマ：こんにちは
プラグイン: Elementor Pro、Jet Engine、Elementor 用ステロイド
ライブウェブサイトを見る
03
アイウリ・モンテッソーリ
ヒューマノス・ユニドス
スペインのアイウリ モンテッソーリでは、子供たちが自分のものだと感じることができる空間を作りました。 自分自身を構築するためのニーズを考慮に入れ、自然な傾向に自由に従うことができ、内なる教師に従うことですべての可能性を開発できるスペース。 モンテッソーリの教育法は、生まれながらの人間の完全な発達に焦点を当て、その可能性にすべての自信を置き、思いやりのある現実ベースの環境を提供して、各子供ができる限り最高の人間になるようにします.
モンテッソーリ教育の自由を取り入れたこのウェブサイトは、ページの主人公の全幅の画像で、自由に流れる瞬間をスマートに表現しています。 黄色のパステルカラーに囲まれた、とても落ち着いた雰囲気のデザインです。 さまざまな教育活動を楽しんでいる熱心な子供たちと笑顔の教師の高精細画像は、保護者がすぐにつながることができる暖かさと安心感を呼び起こします。
大きなタイポグラフィ、個人的な引用、ミニマルな色の変化がすべて一緒になって、思いやりのある居心地の良い雰囲気を作り出し、幸せで笑顔の子供たちもそうです. 空白の使用、
マリア・モンテッソーリからの大きなタイプと個人的な引用は、この教育方法の子供中心のアプローチを説明するのに役立ちます.
内側の各ページは、黄色、緑、ピンクの色合いなど、ウェブサイトのさまざまな領域を強調するわずかに異なるパステル カラーを採用しています。 クレヨンで描かれた文字のように見えるウェブサイトのロゴに注目してください。これは、子供の頃の無邪気さを再び祝うものです。
アイウリ モンテッソーリは、マリア モンテッソーリの子供中心で子供主導の教室や活動の自由な性質の本質をとらえることで、その革新的な方法の歓迎と育成の感覚を対象視聴者に提供します。
デザイン：ベナト・エリザルデ
開発: Miguel Angel Herrera – Humanos Unidos
テーマ: GeneratePress
プラグイン: Elementor Pro、プレミアム アドオン、WPML、エッセンシャル アドオン
ライブウェブサイトを見る
02
スケートボード トラウンシュタイン
ベネ・ホーファー
Skateboarding Traunstein は設立されたばかりのクラブで、ドイツの町とその周辺地域のスケート シーンを再び活性化させることに高いモチベーションを持っています。 その使命は、誰もが快適に過ごせる場所とコミュニティを作ることです。 彼らは、トラウンスタインに変化をもたらしたいと願う大きなコミュニティです。
そのルーツに忠実であり続けるこのウェブサイトは、ハンドヘルドカメラのビデオをフルスクリーンのヒーローとして勇敢に使用しています。 これにより、地元の若者に親しみやすくなっています。 同様に、非対称のグリッドを使用することで、Web サイトに現代的な雰囲気を与えています。
訪問者がロゴにカーソルを合わせると、ロゴが一瞬回転し始め、クリックするとページの上部に戻ります。 また、型にはまらない近日公開リストもあり、ホバー時にのみ今後の画像が表示されます。
このページの重要な特徴の 1 つは、そのスケートの影響です。 ブルータリストのタイポグラフィから、スケート ランプのロゴ、ウェブサイトのいたるところに配置された大量の画像や動画まで。 微妙な水銀のキャンバスがコンテンツを前面に押し出すので、色は実際にはリッチ メディアから来ています。
Skateboarding Traunstein は、より大きなスケートパークへのサポートを獲得し、スケート コンテストを開催し、自信を持ってスケートボードを前面に押し出す最小限のアプローチで、新しいスケーターがスケート レッスンにアクセスできる機会を提供するという創業の原則を正確に捉えています。
設計・開発：ベネ・ホーファー
テーマ：こんにちは
プラグイン: Elementor Pro、Qi アドオン、WP カスタム カーソル
ライブウェブサイトを見る
01
ズルエッジ
マーク・デイ
ZURU Edge は、大規模な消費財カテゴリーで、新しい時代の破壊的なブランドを作成することを目的としています。 彼らのチームは、ミレニアル世代および Z 世代の消費者に関連する目的志向のブランドの構築に取り組んでいます。 これらは、顧客が求めるブランド、つまり、心、目的、価値を備えたブランドです。 ニュージーランドのオークランドに本社を置く ZURU Edge で、彼らは明日のブランドを構築しており、今日、それらを世界にもたらしています。
全幅のポートフォリオ ビデオのヒーローは、見事な色の調和であり、エージェンシーの膨大な数の顧客を紹介しています。 ブランディング機能に実物よりも大きなルック アンド フィールを与える高解像度ビデオには、ちょっとした壮大さがあります。 それでも、フッター、連絡先ページ、ミニマリスト アプローチのオーバーライドなどのシンプルな要素が Web サイトの大きな機能を補完するため、親しみやすさも感じられます。
フラットでミニマルなデザインは、黒いキャンバスに大きな活字と大きな画像を組み合わせて、現代的なルック アンド フィールを与えています。 さらに、デザインは、ページにその色を提供する画像とビデオを強調し、そのほとんどはネオンフィルターで色合いを帯びています. また、付随するテキストに注意を向けさせる微妙なスクロール効果もうまく使用されています。
意図的に制限されたギャラリーと最小限のレイアウトにより、ウェブサイトは神秘的な雰囲気に包まれています。 たとえば、「ブランド」の下の空のボックスにカーソルを合わせると、対応する画像が表示されます。 同様に、ウェブサイトの「Our Brands」ページでも、興味をそそるポートフォリオのティーザーを提供し、視聴者をクリックさせています。 詳細な内部ページでは、同じデザインの公式に従っている各キャンペーンをより深く垣間見ることができます。
明日のブランドを創造する ZURU Edge は、今日の世界のエネルギー、方向性、ペースに合わせて動いています。 古いカテゴリーを破壊し、目的、革新、データによって推進されるブランドで 21 世紀に導きます。
設計・開発：マーク・デイ
テーマ：こんにちは
プラグイン：Elementor Pro、Yoast、WP Rocket
ライブウェブサイトを見る