ディビデザインショーケース：2020年8月からの新規提出

毎月開催されるDiviShowcaseでは、コミュニティメンバーが作成した10のすばらしいDiviWebサイトを紹介します。 毎月、コミュニティから提出された最高のDivi Webサイトを紹介します。今日は、8月の上位10のWebサイトを紹介します。 投稿全体を通して、私を各Webサイトに引き付ける私のお気に入りのデザイン機能のいくつかを指摘します。

私はあなたがそれらを好きであることを願っています！

ディビデザインショーケース：2020年8月からの新規提出

1.ダイブマスターギリス

このサイトはAlexanderFalchによって提出されました。 このサイトでは、固定ヘッダーの背景、仕切り、アイコン、宣伝文句の背景、フッター、ブログの影などに珊瑚の配色を使用しています。ヒーローセクションでは、私を引き込むフルスクリーンの背景画像と、サイトを説明するオーバーレイのテキストを使用しています。 。 ヘッダーはスクロールすると表示され、3Dの外観を与えるために暗い影が含まれます。 ヘッダーには、スクロールすると色が変わる線で描かれたアイコンも含まれています。 見出しのフォントは高くて細いです。 色、アイコン、フォントはジャンルに完全に適合し、サイト全体の空白とうまく機能します。 パッケージは、イベントの説明に役立つ画像と交互のレイアウトで表示されます。

サイトを訪れる

2.技術者

このサイトはMichalTeskaによって提出されました。 このサイトは、全体に最小限のグラフィックで多くの空白を使用する1ページのデザインです。 青とピンクは、背景、テキスト、仕切り、グラフィック、およびメニューのブランド色に使用されます。 グラフィックを片側に、テキストを反対側に交互に表示するサービスの例が好きです。 空白はグラフィックとテキストを際立たせ、すっきりとしたデザインにします。 また、サービスを説明するための簡略化された宣伝文、波状のセクションセパレーター、および2つのセクションに重なる連絡フォームも気に入っています。

サイトを訪れる

3.PAアカデミー

このサイトはAimeeAgeeによって提出されました。 このサイトでは、ブランドカラーに赤、黒、白を多く使用しています。 赤は、背景のオーバーレイとアイコンで特に目立ちます。 赤い背景の上に白い境界線とアイコンがあり、これによりサイトが目立ち、エキサイティングに見えます。 すべてのセクションにはスクロールアニメーションが含まれています。 私は特に、登録リンクでワークショップの日付を表示するヒーローセクションの下のシンプルなイベントカレンダーセクションが好きです。 学習内容のセクションでは、画像が中央に浮かんでマウスのスクロールに追従している間、外側の列の宣伝文句内の要点を示します。 私のお気に入りのセクションのもう1つは、ワークショップCTAです。 画面の左半分に大きな画像が表示され、赤いオーバーレイとCTAが表示されます。 右側には、スタイル付きのアイコンが付いた弾丸の簡単な宣伝文があります。

サイトを訪れる

4.フィットネスと食事

このサイトはPatrickHertnagelによって提出されました。 このサイトでは、メニュー、境界線、ボタン、オーバーレイテキスト、フッターの背景、さらにはスクロールバーのブランドカラーに素敵な緑を使用しています。 タイトルは、サイトのデザインと完全に調和する大きなテキストを使用しています。 私は特に大きなCTAのセクションが好きです。 画面の全幅を占める2列の表示で、片側にテキストとボタン、反対側に画像が表示されます。 これらのうち4つが交互のレイアウトで含まれています。 ブログセクションには、ブログ列の幅に一致する検索ボックスが含まれています。 目立つもう1つのセクションは、モザイク画像ギャラリーです。 複数の列と高さで画像を表示しますが、それらはすべてスペース内に収まり、完全な対称性を生み出します。

サイトを訪れる

5.ヘイベアクリエイティブ

このサイトはMarcyHenriquesによって提出されました。 全体に多くの漫画風のグラフィックを使用し、ブランドカラーには大胆な赤、黒、黄色を使用しています。 ヒーローセクションには、山の背景グラフィックが表示され、同様のグラフィックが重なっています。すべて、前景のグラフィックの色合いが濃い赤のさまざまな色合いで表示されます。 スクロールすると、前景のグラフィックのサイズが拡大します。 ヘッダーには、太い線のハンバーガーメニューと、太字の黒い境界線のある黄色のCTAが表示されます。 同様のボタンがサイト全体に配置されています。 このウェブサイトで使用しているクマと山のグラフィックが大好きです。 このデザインは、コンテンツをクリーンで読みやすく保ちながら、大胆な色と背景のグラフィックを最大限に活用しています。

サイトを訪れる

6. Rue

このサイトはMathiasRueによって提出されました。 白、赤、紫のテキストで黒の背景を使用します。 ヒーローセクションは、画面を囲み、隅にリンクを配置するフルスクリーンセクションです。 タグラインの特大テキストが含まれています。 すべてのモジュールには、赤から紫に変わる境界線があります。 スクロールすると、ヒーローセクションの紫色のテキストと境界線の紫色の部分が赤に変わります。 次のセクションでは、背景が黒、テキストが白、タグとリンクが赤のサービスとポートフォリオの画像を示します。 これらのモジュールは、1列に2つまたは3つ並べて配置されます。 これらの各モジュールは、ホバーすると拡大して、より多くのスペースを取り、画像をズームします。 フッターの連絡先情報にも、スクロールすると色が変わる特大のテキストが使用されます。 このサイトは、大きなテキストとホバー効果を興味深い方法で利用しています。

サイトを訪れる

7.ディジモエ

このサイトは、萌がディジモエから投稿したものです。 このサイトでは、背景とハイライトに濃い青をたくさん使用しています。 ヒーローセクションには、アニメーション化されたパーティクルの背景の上にタイトル付きの大きなグラフィックが表示されます。 各セクションでは、下部にスタイル付きセパレーターを使用して、スタイル付きのU字型を目立たせています。 セクションは、濃い青色の背景と白い背景の間で交互に表示されます。 これにより、すっきりとしたエレガントなシンプルなデザインが保たれます。 サービスは、さまざまな色のアイコンを使用する宣伝文句内に表示されます。 クライアントのロゴは常に移動するスライダー内に表示されるため、サイトの他の部分から目立ちます。 メニューはシンプルで、両側にリンクがあり、リンクの外側にアイコンがあります。 リンクにカーソルを合わせると、丸みを帯びた背景が表示されます。 私は特に、サービスページでのスタイル付きアコーディオンとグラフィックの使用が好きです。

サイトを訪れる

8.栄養士MariaAntonietta Gastone

このサイトはDanieleBardellaによって提出されました。 このサイトは、ボタン、リンク、アイコンにオレンジ色のハイライトがたくさんあるすっきりとしたデザインを使用しています。 レイアウトでは空白を使用して、各宣伝文、CTA、および紹介文を目立たせています。 サービスのセクションでは、片側に画像を使用し、簡単な説明付きの宣伝文のセットと、詳細を読むためのリンク付きのアイコンを表示します。 使用する方法についてのセクションが好きです。 説明の後に、画像の片側に重なる宣伝文句が続きます。 本の全幅CTAは、中央にボタンを表示し、片側に画像を表示します。 本のページは、オレンジ色の背景の上に白いテキストと本の表紙の画像を使用しています。 このサイトは、色と空白をうまく利用しています。

サイトを訪れる

9. Webstrategen

このサイトはMichaelKwasiukによって提出されました。 このサイトでは、白​​と黒の背景のハイライトにラジカルレッドを使用しています。 赤はプリローダー画面としても使用されます。 事実上、すべてのセクションには、中心からオーバーラップまたはオフセットするものがあります。 セクションが交互になると、これはあなたの目を導くユニークなバランスを作成します。 いくつかのセクションでは、一方の側にテキストを配置し、もう一方の側にアニメーション画像を配置します。 ポートフォリオは、独自のナビゲーションスタイルで片側にシフトされたスライダーを使用しています。 ブログセクションには、画像からオフセットされた説明付きのカードが表示されます。 スクロールするとロゴが文字を消去し、最初の文字にプライマリメニューのピリオドを残す方法が大好きです。

サイトを訪れる

10.レモネードIT

このサイトはTeckSengChanによって提出されました。 デザインは、メニューのCTA、グラフィック、境界線、テキスト、スライダーナビゲーション、ブログ投稿の注目画像の背景色などのハイライトに黄色と緑（レモンとライム）の配色を使用しています。 すべてのセクションの背景は、デザインをできるだけシンプルでクリーンに保つために、白またはライトグレーのいずれかです。 サービスは、ホバー時に下部に影を追加する高い宣伝文句内に表示されます。 私のお気に入りのセクションは、携帯電話とその背後に独立して移動するWebサイトレイアウトを備えたCTAです。 お客様の声のスライダーも興味深いです。 お客様の声を垂直方向にスクロールします。 このサイトは、色とシンプルなレイアウトをうまく利用しています。

サイトを訪れる

結論は

これは、8月のコミュニティDiviWebサイトの投稿ベスト10です。 これらのサイトは素晴らしく見えます、そしていつものように私たちはあなたの提出に対してみんなに感謝したいと思います！

独自のデザインを検討したい場合は、エレガントなテーマのドットコムでネイサンの編集者にメールしてください。 メールの件名は必ず「DIVISITESUBMISSION」にしてください。

コメントもよろしくお願いします！ これらのウェブサイトについてあなたが好きなことを教えてください。彼らがやったことがあれば、ブログで教えてほしいと思います。

ann131313 /shutterstock.com経由の注目の画像