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

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

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

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

1.私大学

このサイトはEricWilsによって提出されました。 サイト全体の赤いハイライトは、メニュー内、ボタン、ナビゲーション、画像の境界線、背景の円パターン、およびスクロールバーに表示されます。 ヒーローセクションには、次のセクションと重なるボタンとビデオを含む全幅の背景画像が表示されます。 CTAは、一方の側に画像を表示し、もう一方の側に情報を交互のレイアウトで表示します。 お客様の声のスライダーは興味深いものです。 ナビゲーション矢印はスライダーの上部に表示されます。 推薦状は大きくてエレガントです。 また、1つの投稿を表示するブログセクションも気に入っています。 注目の画像は短く幅が広く、抜粋は画像と重なるボックス内に配置されます。 ブログページはこのデザインに従います。 製品ページもサイトのデザインに従っています。

私の大学をご覧ください

2. mcitycreative

このサイトはScottAlbertiによって提出されました。 シンプルなデザインで、すっきりとしていて面白いです。 背景パターンは、コンテンツを強調しながら、このサイトに視覚的なテクスチャを与えます。 オレンジ色のハイライトは、見出し、メニュー、アイコン、クリック可能なリンクなど、サイト全体に表示されます。 ヒーローセクションには、サービスを紹介するための宣伝文が続く大きなテキストでメッセージが表示されます。 会社の情報はロゴと仕切りで紹介され、履歴書風のレイアウトで表示されます。 フッターはロゴを繰り返し、クリック可能な連絡先リンクを提供します。 各ページはこれと同じデザインに従い、スタイル付きのプリローダーが含まれています。

mcitycreativeにアクセス

3. SO SIGHTY

このサイトはNaimBoughattasによって提出されました。 これは、サイト全体に明るい色とスライドアニメーションの大きなブロックがたくさんあります。 ヒーローセクションのタイトルには、サイトの残りの部分を設定するのに役立つ、片側にいくつかのボタンがあり、反対側にアニメーションの円があります。 ほとんどのセクションには、大きなタイトルとアニメーションブロックを備えた大きな背景パターンが片側に含まれています。 情報とCTAは、さまざまな形の宣伝文句の中で提供されます。 スライダーは、サイトの他の部分とブレンドするスライドを使用した作業の例を示しています。 クライアントに関するセクションが大好きです。 飛行機は円を飛んで、すべての円で色を変えます。 ブログページも同様のデザインですが、注目の画像の色を使用しています。

SOSIGHTYにアクセス

4.ワンダーランドチャイルドケア

このサイトはCamielBosによって提出されました。 これは、背景、形、ボタン、テキストに多くの明るいが原色ではない色を使用して、育児のトピックを促進し、同時に洗練されたサイトを作成します。 ヘッダーには、ヘッダーと重なるロゴとボタンのセクションが含まれています。 色付きの図形は、サイトの他の部分とは別にスクロールしてアニメーション化します。 ヒーローセクションには、背景色とスタイル付きセクションセパレーター、片側に他の図形が配置された図形内の画像、反対側にCTAが表示された興味深いデザインが表示されます。 いくつかのセクションには、スタイル付きセクションセパレーターを備えた同様の背景色が含まれています。 私は特に、スタイル付きの画像を含むスライドを表示するギャラリーセクションが好きです。

ワンダーランドチャイルドケアをご覧ください

5. Z Shere

このサイトはジャスティンアルカラによって提出されました。 これは、色とレイアウトをうまく利用した1ページのデザインです。 ヒーローセクションには、青/緑のグラデーションオーバーレイを含むフルスクリーンの背景画像が表示されます。 テキストとグラフィック要素は、サイト全体で青/緑の配色に従います。 いくつかのセクションには、コンテンツと完全に調和するビデオが埋め込まれています。 私は特に、中央に宣伝文を表示し、その周りに宣伝文句を表示する宣伝文のセクションが好きです。 ギャラリーも面白いです。 セクションのタイトルは、ギャラリーの後ろのスクロールで所定の位置にスライドします。 多くのセクションでは、背景に同様のスライドタイトルが含まれています。 多くの要素には、背景から目立つようにボックスの影があります。

ZShereにアクセス

6.ZeljkoŠkipic

このサイトはZeljkoŠkipicによって提出されました。 これには、アニメーション化された白黒の要素と緑のハイライトが全体にたくさんあります。 ヒーローセクションには、片側に大きなタイトルが付いた黒い背景が表示され、反対側には背景と調和するサイト所有者の画像が表示されます。 ボタンアニメーションは、緑または白の背景を表示します。 スティッキーソーシャルアイコンは左側にあり、固定ナビゲーションメニューは右側にあり、セクションの名前を示しています。 どちらも、背景の色に応じて黒または白のいずれかになります。 宣伝文は、テキストの後ろに大きなアイコンを表示します。 特に最新作のセクションが好きです。 大きな画像、説明、ボタンを含むカード内の作品を表示します。 カードはアニメーション化され、ホバーするとボックスの影が表示されます。

ZeljkoŠkipicにアクセス

7.メディア牛

このサイトはWouterHendrixenによって提出されました。 これは、デザイン全体に赤と紫の色合いの白をたくさん使用しています。 ヒーローセクションでは、両側にスタイルパターンがあり、中央にメッセージが表示されたフルスクリーンの背景ビデオが再生されます。 いくつかのセクションには、赤いテキスト、アイコン、ボタン、矢印、および宣伝文、見出し、ボタン、背景のグラデーションなどの背景要素が含まれます。 ケーススタディのページには、ケースの詳細が1つの列に表示され、ケースの詳細が記載されたスタイル付きのサイドバーと、サイドバー内で完全に機能するお問い合わせフォームが含まれています。 群集コミュニケーションページは、情報の複数のセクションと側面のスライドを傾けるスライダーを含む、より多くのスタイリングと要素を追加します。 紫の背景と赤のハイライトがこれをポップにします。

MediaCowsにアクセス

8. Webaas

このサイトはDanielAaserudによって提出されました。 これは青いハイライトのあるすっきりとしたレイアウトです。 ヒーローセクションには、オーバーレイにCTAが含まれる青いグラデーションの背景と、次のセクションから分割するためのスタイル付きセクションセパレーターが含まれています。 見積もりの​​CTAは、片側にグラフィックを表示し、反対側に情報を表示します。 最新の作品は、カード内のプロジェクトを3列で示しています。 中央の列には、目立つように暗い背景が含まれています。 価格表には、最も人気のあるオプションが赤で表示された青のハイライトが含まれています。 Googleのレビューからのカードを表示する紹介文のセクションが好きです。 フッターも面白いです。 サインアップフォーム、大きな色付きのブロック内のメニュー、および別の色付きのブロック内の最新のブログ投稿を含む3つの列に情報が表示されます。 大きな画像とウェブサイトへのリンクを含むプロジェクトを表示するリファレンスページが好きです。

Webaasにアクセス

9. TrueCare

このサイトはNicolePrincipeによって提出されました。 これは、背景、ボタン、テキスト、アイコンなどにたくさんの明るい色を使用しています。 ヒーローセクションには、明るい背景のオーバーレイにCTAを含むフルスクリーン画像が表示されます。 リンクは、ヒーローと次のセクションに重なるボックス内に配置されます。 いくつかのCTAは、色、画像、宣伝文、統計、およびボタンのブロックで情報を表示します。 サービスのセクションには、背景のグラデーション上のリンクを含むサイドバーナビゲーションが表示されます。 チームメンバーに会うセクションでは、片側に画像が表示され、反対側にリンクが表示されます。 CTSのいくつかには、重複する要素が含まれています。 また、背景色がそれぞれ異なる4行を表示するフッターも気に入っています。 ブログページはおもしろいです。 画面の片側をカバーするドロップダウンを備えたスタイル付き検索機能が含まれています。

TrueCareにアクセス

10.ウィルフライ

このサイトはVilemNecesanyによって提出されました。 これは色とレイアウトを面白く利用しています。 ヒーローセクションには、一方の側で背景色と重なる画像が表示され、もう一方の側には説明とそれに続くリンクのストリップが表示されます。 情報は、テキスト、画像、および統計カウンターで提供されます。 私のお気に入りのセクションでは、トレンドを取り上げています。 場所と情報の画像を含む3列のグリッドが表示されます。 これは、画像の上に情報を表示することと、情報の上に画像を表示することを交互に行います。 それぞれに詳細を表示するためのリンクが含まれています。 ブログセクションは背景と重なり、大きな地図は場所を示しています。 また、Webサイトの他の部分と一致するようにスタイル設定された電子メールサブスクリプションフォームも気に入っています。 各ページは同じスタイリング要素に従い、さらに追加されます。 また、スタイル付きのスクロールバーもあります。

Willfliesにアクセス

まとめ

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

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

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

Mascha Tace /shutterstock.comによる注目の画像