2022年4月のElementorWebサイト
公開: 2022-05-17今年の4回目のショーケースでは、最新のWebデザインのトレンド、古くからの技術のユニークな組み合わせ、注目に値する古典的な要素の新しいテイクを取り上げています。 今月のウェブサイトには、テクノロジー組織、産業建設会社、不動産会社、ブランディングおよびデザインスタジオ、教育ベンチャー、確立されたビジネスコンサルタント、地中海の島の最高の秘密が含まれています。
Lottieアニメーションの最適な使用法を確認し、スクロールとホバーの効果を注意深く研究し、巧妙な色の組み合わせに触発され、重要な情報を表示する新しい方法に注意し、微妙なデザインの微調整に注意を払い、グローバルを使用してカスタマイズの力で遊ぶことを学びますスタイリングに加えて、はるかに。
4月の素晴らしいウェブサイトの配列を見に来てください！
ElementorProを今すぐ入手
10
Lumenvox
SolidDigitalによる
LumenVoxは、AI主導の音声認識および音声認証テクノロジーで顧客エンゲージメントを変革します。 その柔軟で手頃なテクノロジーにより、ユーザーは安全なセルフサービスと顧客とエージェントのやり取りを簡単に構築できます。 音声および音声認証テクノロジーの完全なスイートでありながら、ユーザーがスピードと安全性を備えた強力な顧客関係を確立するのに役立ちます。
ブルーダイヤモンドとダークインディゴカラーのコンビネーションが、未来的な雰囲気を呼び起こす輝く環境を作り出します。 グラデーションカラースタイルも同様に、イラストや活気のあるヒーローを含むWebサイト全体で使用されるネオン効果を引き起こします。 は、言語、色、画像の点で明確で統一されたブランドです。
Lottieアニメーションを使用すると、多くの製品ページに活気のある雰囲気が生まれます。 同様に、回路基板に似たラインの使用は、ハイテクの雰囲気を伝えるために使用されます。 サンセリフフォントは、空白の使用と同様に、Webサイトの全体的な未来的な外観に追加されます。
LumenVoxは、輝きと眩しさを放つウェブデザインの発光光線です。
デザイン： CurtisRenkiewiczとBarbaraMorrigan – Solid Digital
開発：ダンライトとリベルタッドマドリガル
テーマ：こんにちは
プラグイン：Elementor、Elementor Pro、ElementsKit Lite、JetElements、JetEngine、JetMenu、JetSmartFilters、JetBlocks、JetPopup、JetTabs
ライブウェブサイトを見る
09
オフサイトシステム
LBDスタジオによる
オフサイトシステムは、従来の建設技術に代わる革新的な方法を提供します。 建設、技術、設計、防火業界での長年の経験を組み合わせて、エネルギー効率の高い建設システムのニーズの高まりに直接対応しています。 すべてのシステムは、無駄、時間、およびコストを劇的に最小限に抑えながら、標準を改善し、クライアントの生活を楽にするように設計されています。
Webサイトの最も印象的な機能の1つは、組織の最先端の製品を強調するのに役立つだけの信じられないほどのパフォーマンス速度です。 ウェブサイトの色、ページ、およびコピーは、このメッセージを強調し続けるだけです。 静的なレイアウトを切り抜けることは、すべてのヒーロービデオで見ることができる微妙な動きの背景です。
黒と黄色の使用はしばしば危険を意味しますが、ここではハイエンドのテクノロジーと創造性の火花を混ぜ合わせるために使用されています。 そのため、黄色を使用すると、視聴者はタイトルや行動を促すフレーズに効果的に注意を向けることができます。また、さまざまなターゲットオーディエンスに話しかける明確なメニューや、微妙なスクロールアニメーションも同様です。
よく調べてみると、ロゴがさまざまな画像マスクで使用されており、ヒーロー画像を巧みにフレーミングしていることがわかります。 同様に、技術仕様を要約した最新のキーワードスタイルのタグが巧妙に使用されています。 また、製品の機能を紹介するホットスポットや、製品の機能を強調するための巧妙なスクロール効果も注目に値します。 主なメリットは、ソーシャルメディアやキーワードタグに似た「タブ」としてうまく表示され、製品の長所をすばやく要約するのに役立ちます。
オフサイトシステムはわずかに中心から外れているため、ターゲットオーディエンスはダブルテイクを行います。
設計と開発：Liam Bonar – LBD Studio
テーマ：こんにちは
プラグイン：Elementor Pro、Imagify、WP Rocket、Autoptimize
ライブウェブサイトを見る
08
ザニア不動産
sofreshによって
XANIAのすべてのプロジェクトは、一流の場所での現代的な建築言語と洗練された建設工事を特徴としています。 彼らのモダンで豪華な住宅プロジェクトは、特別な生活体験を約束します。 これにより、チューリッヒに高品質の住宅が生まれるだけでなく、何よりもまず生活感が生まれます。
現代的で、ミニマルで、やや異端的な不動産の見方が、このウェブサイトのすべてです。 専門家の効果にスクロールテリングを使用して、組織はその息をのむような特性を提示するために最新かつ現代的な要素を採用しています。 コピーは短く、きびきびしていて、住宅所有者の聴衆にはっきりと話します。
ロゴはウェブサイト全体でクリエイティブに使用され、矢印として機能することもあれば、コンパスとして表示されることもあります。 各場所の全幅のパノラマ画像もあり、各施設の周辺を紹介しています。
主人公の全幅ビデオの使用は、特に壮大な絵を描く鳥の目の画角を使用して、視聴者を引き込むための素晴らしい方法です。 大きなタイポグラフィ、サンセリフフォント、空白を備えたこのWebサイトは、現代のWebデザインを利用して現代の視聴者にアピールする好例です。
XANIA Real Estateは、誇らしげに座っているスイスの風景と同じくらい美しいです。
デザイン： Adriana Ortner –とても新鮮なデジタル
開発：Robert Kurzmann
テーマ：こんにちは
プラグイン：Elementor Pro、Complianz Cookie Consent、MouseWheel Smooth Scroll、Rank Math SEO Pro、United Elements for Elementor、Woody Code Snippets、WP Rocket
ライブウェブサイトを見る
07
Eatyjet
アボカド
Eatyjetは、一連の壊滅的な不幸から生まれました。パンデミック、夜間外出禁止令、ホテルの閉鎖、そしてグリーンランドへの最初の飛行機を捕まえてフィヨルドをハイキングしたいという長い願望です。 このようにして、ボックスを介して旅行を作成し始めるというアイデアが始まりました。 このプロジェクトは、味、匂い、音、感覚、記憶など、食べ物を通して世界の隅々の文化を生きるという明確なアイデアから生まれました。
フラットなデザイン、明るい色、大きなタイポグラフィなど、さまざまな現代的なトレンドを採用したこのWebサイトは、テクノロジーに精通した若い視聴者を対象としています。 呼吸する余地を与える空白の背景、ナビゲーションを容易にする矢印、透明なテキストを備えたEatyjetは、ページ全体に現代的なルックアンドフィールを呼び起こします。
背景色の微妙な変化がいい感じです。ホームページは明るい色あせたオレンジ色を採用し、予約ページは燃える砂の色を使用し、概要ページは栗色の赤色を使用し、予約ページはマコーブルーで塗装されています-緑色で、最終的に連絡先ページは薄暗い青色でキャンバスに表示されます。
垂直でややランダムな画像の寸法は携帯電話の画像としてフレーム化されており、おそらくその珍味の「Instagrammable」の性質を示唆しています。 一方、ホバー効果とスティッキーメニューを使用すると、同じブランド言語に従うInstagramページと同様にナビゲーションが容易になり、クロスプラットフォームのデジタルエクスペリエンスが実現します。
Eatyjetは、食欲をそそるユーザーエクスペリエンスを組み合わせた、おいしいフレーバーのキャノピーです。
設計と開発：アボカド
テーマ：こんにちは
プラグイン：高度なカスタムフィールド、Cookiebot、Elementor、Elementor Pro、Elementorのスティッキーヘッダーエフェクト、Yoast SEO、WP-Optimize、iThemesセキュリティ
ライブウェブサイトを見る
06
MSZラボ
MatteoPranzini著
MSZ Labは、顧客サービスへの情熱、好奇心、知識、集中力を共有する専門家で構成されるブランディングエージェンシーです。 チームは当初、イベントの編成、マーケティング、コピーライティング、デザイン、プロジェクト管理、およびWeb開発での経験に出会い、学び、共有しました。 彼らは、セキュリティが私たちの強みである場合、彼らの強みはグループであると信じています。 真の永続的な人間のつながりを中心に持つデジタルの未来を構築することが、彼らの原動力です。
「プレザント」とは、Mszlabの絶妙なウェブサイトをナビゲートするときに頭に浮かぶ言葉です。 ミレニアル世代を基調とした機知に富んだ創造性のゴージャスな表現。 たとえば、About usセクションでは、絵文字と、会社の歴史をわかりやすい形式で表示する短いタイムラインを採用しています。
エレガントなセリフフォントを使用してメッセージを表示し、現代的な全幅のヒーローと画像のスライドショーを組み合わせることで、会社のサービスを味わうことができます。 カラフルなメイジが、圧倒されることのない白い帆布の上に華やかに配置されています。
どのページも長すぎると感じることはなく、情報は常に手の届くところにあります。 ウェブサイトの全体的な雰囲気は明るく滑らかに感じられ、やや超越的な感覚を生み出すのに役立ちます。
Mszlabはブランディングの傑作であり、Webデザインのバランスのベンチマークとして微妙に位置付けられています。
設計と開発：Matteo Pranzini
テーマ：こんにちは
プラグイン：Elementor、Elementor Pro、UpdraftPlus – Backup / Ripristino、Elementorのプレミアムアドオン、WordPressのFacebook、GDPRとeプライバシーのCookieと同意ソリューション
ライブウェブサイトを見る
05
Grupo Criativo
ガブリエル・デュトラ
Grupo Criativoは、製品の価値サイクルを完全に把握しなければデザインは存在しないと信じているデザインおよびブランディングエージェンシーです。 彼らは、設計者を利害関係者と株主の両方にとっての変化の触媒と見なしており、変化には人、プロセス、および一貫した成果物が含まれている必要があります。
これは、ページ全体のモチーフとしてコーナーフレームを使用する非常にポジティブなウェブサイトです。 ケーススタディの内部ページは非常に詳細で有益であり、画像が満載です。 各ページは、エージェンシーが関与しているプロジェクトの多様性を示しています。さらに、ウェブサイトは多言語であり、国際的な顧客にアピールしています。
ホームページはフィルタリングされた緑色のオーバーレイを利用しており、ロッティのアニメーションはさまざまな形に変形する赤い点で示されています。 実際、ウェブサイト全体に表示されるCTAとして、赤を最大限に活用しています。
全幅のウェブサイトのデザインは、内部ページのアニメーションの見出しやパンチの効いたコピーと同様に、現代的な雰囲気があり、サービスページの動くテキストは、会社のサービスをすばやく繰り返す魅力的な方法です。
Grupo Creativoは、ミニマリズムを最適化して詳細なストーリーを伝えることで、その最高のポイントを微妙に表示するWebサイトです。
設計と開発：Gabriel Dutra
テーマ：こんにちは
プラグイン：ブラックウィジェット、Contact Form 7のハニーポット、Modernawebプラグイン、WP ULike、MouseWheel SmElementor PRO、カスタム投稿タイプUI、プレミアムアドオン、Qiアドオン、Wordfenceセキュリティ、WebP Express、Polylang、Yoast SEO
ライブウェブサイトを見る
04
Escuela21
バヌカスタジオ
Escuela21は、社会の進歩と幸福の原動力として、包括的で革新的で質の高い教育を提供できる組織と協力しています。 包括的なサポートと変革プログラムを通じて、彼らは学校とスピーチセンターのサービスを提供し、潜在的な教育プロジェクトがその潜在能力を最大限に発揮するために必要なサポートを提供します。
このWebサイトは、色とフォームの両方について、明確なタイポグラフィ階層とカスタムスタイルに従っています。 Escuela 21は、ミニマリストデザインを採用し、テキストや要素が多すぎてページを乱雑にすることなく、余裕のある空白を使用して、知識のある読者を対象としています。
世界中の有名なランドマークやモニュメントをzineデザインで使用することで、それらすべてを結び付け、世界を結び付けるグローバルなつながりのように感じます。 実際、Webサイトにはポジティブな画像が表示され、各組織のページには独自のカラーテーマを持つサービスがあります。
信頼バッジとして表示される有名な顧客の使用は、そのすぐ下の詳細なケーススタディと同様にいい感じです。 モダンなサンセリフフォントと大きな空白は現代的であり、21世紀のメッセージに忠実です。
Escuela21は、その刺激的な使命を共有するのに役立つ色のバーストと現代的な要素の巧妙な使用で前進します。
設計と開発：David Fernandez Grana – Banuka Studio
テーマ：こんにちは
プラグイン：Clear Cache for Me、Crocoblock、Polylang、Rank Math SEO、WP-Sweep、PublishPress機能、GDPR Cookie同意、Elementor Pro
ライブウェブサイトを見る
03
オオカミアート
ファニー・ペノー
Wolves Artは、ナントのクリエイティブデザイナー兼アートディレクターであり、企業、新興企業、個人と協力しているFannyPeneauの印象的なポートフォリオを紹介しています。 ペノーは、グラフィックチャートの作成からイラストによるウェブインターフェースのデザインまで、さまざまな分野をカバーしています。 彼女の目標は、クライアントの世界を魅力的なイメージに変換することです。 彼女は想像力と大胆さを使って無限に創造するように駆り立てられています。
このウェブサイトの最も印象的な要素の1つは、機能的にモダンでありながらクラシックでエレガントな感じのユニークなタイポグラフィです。 連絡先メニューにカーソルを合わせると、配色全体が反転するため、メニューも異なった感じになります。
黒の背景は、一流のハイエンドなルックアンドフィールを連想させ、色を生き生きとさせるのにも役立ちます。 画像上の特別なカスタムカーソルなど、一連のホバー効果が表示されます。
また、ロゴ自体から明確にインスピレーションを得たタイポグラフィとともに、スクロール効果とズーム効果も表示されます。 実際、ロゴ自体は詳細な書道を反映しています。 ウェブサイト全体で採用されている一連のホバー効果もあり、インタラクティブな状態を維持します。
オオカミアートはキャラクターと素晴らしい要素でいっぱいにロードされており、それだけでそれを孤独なパックに入れます。
デザイン：ファニーペノー
開発：ファニー・ペノー、ロナンこんにちは
テーマ：こんにちは
プラグイン：Yoast、ACF、Eleカスタムスキン、Wpスーパーキャッシュ、サイトキット、Secupress
ライブウェブサイトを見る
02
ギア・デ・イソラを訪ねる
トラベルプロダクションズ
ギア・デ・イソラはあなたが楽しむための無数の経験を提供します。 ギア・デ・イソラの自治体は、テネリフェ島の南西に位置しています。 テネリフェ島で最大の5つの自治体の1つであり、海岸から高地に広がる17の町や村で構成されています。 すべての好みに合うオプションがあるので、あなたはあなたの訪問を忘れられないものにするためにあなたの好みに応じて選ぶことができます。
日当たりの良い歓迎は、訪問者がウェブサイトとウェブサイトが構築された島で受け取るものです。 観光客向けに作成された全幅のビデオでは、スペインの地中海の島で達成できるアクティビティのパノラマビューを提供しています。 巧妙な手書きのスローガンは、個人的なつながりを生み出し、居心地の良い雰囲気を醸し出しているので、いい感じです。
次のセクションでは、目的地に関する詳細情報を提供するCTAとともに、雲の切れ間から島の地形的な鳥瞰図を提供します。 ロッティハンバーガーも、まるで電話のように視聴者を招待します。 対照的に、フッターは海の色を取り入れた海のように機能します。
ウェブサイト全体で使用される多数のアニメーションとインタラクティブ機能があります。 発見ページは、おそらくソーシャルメディアやSEOタグに触発された、重要な情報を表示するためのユニークな方法である最新のキーワードスタイルのタグを採用しています。 これは、目的地のハイライトをすばやく提示するための効果的な方法です。
ギア・デ・イソラは、世界への魅惑的な扉を開いたこの暖かく居心地の良い島を美しく捉える明るい太陽光線です。
デザイン： Jose Toste – Travel Productions
開発：川内アニア
テーマ：こんにちは
プラグイン：JetElements、Polylang、Events Calendar Pro、WordFence、WP Rocket、Yoast SEO Premium、Simple Custom CSS、JS
ライブウェブサイトを見る
01
レジリエンス開発会社
コレクティブ
Resilience Development Companyは、生活と職場を変革するという使命を持った、目的に基づいた独立所有のトレーニング、コーチング、およびコンサルタントです。 彼らのコーチングとトレーニングプログラムは、科学に裏打ちされたスキルと可能性を解き放つ没入型トレーニング体験で、人々の生活、仕事、感じ方を変革します。 それらは、変化と成長がもたらすストレス、目的の喪失、生産性の大きな問題に対して受賞歴のあるソリューションを提供します。
いくつかのテイクが必要になる場合がありますが、Webサイトでは、実際には2色（ダークインディゴとほろ苦いオレンジ）をさまざまな組み合わせで使用し、奇妙な白いテキストを散りばめています。 画像の選択はインテリジェントであり、その配色とシームレスに統合するために使用されるフィルターも同様です。
ウェブサイトのモダンな雰囲気に合わせて、タイポグラフィは大きく、大胆で、効果的です。 コピーは、簡単に消化できるレイアウトで等しく立ち上がるWebサイトのテキスト階層と同様に、統一された言語でまとまりのあるストーリーを伝えます。
コピーはスマートで魅力的です。 話そう」と「いいえ？ 「Let'sTalk」は、あなたが何を考えているか、またはあなたがバイヤーの旅のどこにいるかに関係なく、会社があなたと話す準備ができていることを示します。
賞品と評判の良いクライアントのリストを表示することも、ページ上で非常に高い社会的証明を利用するための優れた方法であり、視聴者の関心を維持し、信頼性を早期に高めます。 CTAも、URL拡張として定型化されているため、スマートに実行されます。
Resilience Development Companyは、強力な2色の腕を曲げて、しっかりと設計されているのと同じくらい強力なメッセージを伝えるWebサイトを維持しています。
デザイン：インカループ
開発：ブライアンマン–集団
テーマ：こんにちは
プラグイン：JetElements、Polylang、Events Calendar Pro、WordFence、WP Rocket、Yoast SEO Premium、Simple Custom CSS、JS。
ライブウェブサイトを見る