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

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

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

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

1. Het Beweegt

このサイトはRomyLodewijkによって提出されました。 これは、青、緑、黄色、赤の鮮やかな色合いを使用して、いくつかの興味深い色の組み合わせを作成します。 色は、ロゴ、グラフィック、およびアイコンにまとめられています。 背景、テキスト、ボタン、カウンターなどで個別に使用されます。商品の画像はホバーすると傾斜します。 他のいくつかの商品画像が互いに重なり合っているか、背景に重なっています。 レイアウトは、製品の機能に重点を置いてすっきりしています。 ヘッダーのデザインも気に入っています。 ヘッダーの下部は丸みを帯びており、ロゴはヘッダーと次のセクションに重なっています。次のセクションには、メニューリンクとしてボタンが含まれています。

サイトを訪れる

2. xViz

このサイトはKGによって提出されました。 これは、ブランドカラーに黄色と黒のハイライトとダークグレーの背景を使用し、空白を使用してすっきりとしたデザインを作成します。 フラットグラフィックには、CTAに注目を集めるためのブランドカラーが含まれています。 宣伝文は、黒と黄色のハイライトでチャートとグラフのモックアップを表示します。 ホバーと変更を拡大して、配色を維持する実際のチャートとグラフを表示します。 タブには、より大きなグラフィックでグラフが表示されます。 デザインを結ぶ黒いアイコンの後ろに黄色い円を使用する方法が好きです。 また、うまく設計されたメガメニューもあります。

サイトを訪れる

3.コレクティブデザインエージェンシー

このサイトはLaurenK.Slackによって提出されました。 これは、広いスペースと画像オーバーレイを面白く利用しています。 スリムなメニューは縦に左にくっつきます。 ヒーローセクションには、片側にフェードするオーバーレイを含むフルスクリーン画像が表示されます。 他の画像も同様の効果を使用して、興味深いビジュアルを作成しています。 一部のセクションはコンテンツを中央に配置し、他のセクションはどちらかの側にプッシュされます。 ほとんどのセクションには、明確な行動の呼びかけがあります。 私は特にプロジェクトページが好きです。 最近の作品をさまざまなサイズの大きな画像として表示します。

サイトを訪れる

4.レスペランス＆アソシエイツ

このサイトは、Geek BoutiqueDesignのJeffreyによって提出されました。 このサイトでは、濃い青色の背景とハイライト、エレガントでありながら真面目なフォント、画像を使用して、トピックを視聴者に知らせています。 濃い青は、画像オーバーレイ、宣伝文句の背景、テキスト、ボタン、およびフッターに使用されます。 CTAは、サイトのデザインに一致するブックカバーを使用します。 ブログセクションも面白いです。 両側に影がありますが、上部または下部には影がありません。 紺色のオーバーレイは、ブログの注目画像にも使用されます。

サイトを訪れる

5.ウィルケンヴェルク

このサイトはTorstenLandsiedelによって提出されました。 サイト全体で意図的に奇妙な画像を使用して、ターゲットオーディエンスにアピールします。 セクションの多くには、交互のレイアウトとオフセットレイアウトがあります。 私は特に、片側に大きな画像を、反対側に抜粋を表示する交互プロジェクトのセクションが好きです。 どちらにも、互いに分離する黒い境界線があります。 アワードのセクションも好きです。 宣伝文を使用して、ロゴと説明で賞を表示します。

サイトを訪れる

6.ウルク

このサイトはBenjaminSeguraによって投稿されました。 これはタイポグラフィと画像をうまく利用しています。 ヒーローセクションは、マウスに続くテキスト内の渦巻き模様の背景でロゴを中央に配置します。 他の多くのセクションには、テキスト内の渦巻き模様の色、オーバーレイ、背景などが含まれます。マイクロアニメーションは、ホバー時にテキストに色を付け、アイコンをアニメーション化し、カーソルを変更し、画像をズームします。 私のお気に入りの要素の1つは、チームセクションです。 チームメンバーのカードは、中央のカードが最大になるように積み重ねられています。 カード内で画像が移動し、ホバーすると説明が表示されます。

サイトを訪れる

7.総務

このサイトはFudzilAkmalによって提出されました。 これはカードを面白く利用しています。 ヒーローセクションはフルスクリーンの投稿スライダーで、中央に引用符があり、下部にタイトルが付いた注目の画像が表示されます。 メニューは明確で、注目の画像が透けて見えます。 ページの残りの部分はブログ投稿ですが、通常のブログのようにレイアウトされていません。 それらは、さまざまなサイズの行ごとに2〜3列のモザイクレイアウトに配置されます。 カードには、画像の下にメタとタイトルが付いた大きな注目の画像が含まれています。 ブログの投稿では、前のリンクと次のリンクがページの横に垂直に配置されています。

サイトを訪れる

8. Isitec International

このサイトはEricWilsによって提出されました。 これは、ブランドカラーとしてライトオレンジ/レッドを使用した大胆なブルーと、ターゲットオーディエンスを引き付けるためのすっきりとしたレイアウトと画像を使用しています。 ヒーローセクションには、接触フォームが重なっている全幅の画像が含まれています。 宣伝文はサービスを示しています。 それらは背景から際立っており、左隅にアイコンが含まれています。 コーナーにタグが付いた画像は、ケーススタディに使用されます。 私はまた、利点を示す宣伝文句が好きです。 それらは青い背景と調和しますが、それらが目立つように境界線を含みます。 彼らのオレンジ色のアイコンは、紺色のカードに対して見栄えがします。

サイトを訪れる

9.サンシャインディライト

このサイトはジョン・クーパーによって提出されました。 これは、製品のブランドに一致する多くのトロピカルカラーを使用しています。 背景には、互いに離れて立ち、波のような錯覚を作り出す湾曲した仕切りが含まれています。 トロピカルカラーのアイコンは、ホバーのオーバーレイに情報を表示します。 製品を購入するためのCTAには、2つのセクションに重なる製品イメージが含まれています。 セクションの多くには、ハイライトとして前のセクションと次のセクションの色が含まれています。 これにより、すべてのセクションが結び付けられます。 セクションの仕切りがさまざまな方向に湾曲しているのが好きです。 フッターにも上部と下部に仕切りがあります。

サイトを訪れる

10.操作の編集

このサイトはDevanshiJainによって提出されました。 サイト全体で青と黄色のブランドカラーを使用した手描きのグラフィックを多数使用しています。 グラフィカルな要素には、セクションと区別するためのぼろぼろの背景が含まれています。 利点は、一方の側にグラフィックを表示し、もう一方の側にテキストを交互のレイアウトで表示します。 また、興味深いヘッダーも含まれています。 ソーシャルメディアのフォローボタンと上部にサインイン、下部にメニューがある2つの行があります。 ロゴは両方の行にまたがっています。 ブログも面白いです。 同じデザインに従い、注目の画像のグラフィックを使用してカード内に投稿を配置します。

サイトを訪れる

結論

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

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

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

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