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

公開: 2018-11-19

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

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

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

1.ピボット医療コーディング

このサイトはレスリー・タゴルダによって提出されました。このサイトでは、テキスト、背景要素、アイコンに緑とオレンジの素敵な配色を使用しており、メニューの興味深い召喚状には、今後のイベントの日付と登録ボタンが含まれています。背景要素は六角形とハードアングルで作られています。アイコンも六角形を使用しています。ヘッダーとメニューも、目立つようにパターンのあるダークブルーを使用しています。このサイトはテキストと色をうまく利用しています。

サイトに訪れる

2. INSNAPSYS

このサイトはDineshMilaniによって提出されました。温かみのある色を使用して、灰色の背景に対して目立つグラデーションを作成します。温かみのある色は、テキストやグラフィック要素、ボタン、オーバーレイ、宣伝文にも使用されます。アイコンとテキストの横に丸で囲んだ画像を表示し、各サービスをページの下で交互に表示するサービスのレイアウトが気に入っています。ポートフォリオは興味深いレイアウトを使用しており、各Webサイトの要素が分割画面に表示され、角度の付いたオーバーレイ、片側にテキストの説明、反対側にデスクトップ画面、中央にモバイルデバイスが表示されます。ポートフォリオには多くの情報が表示されていますが、それでもすべてを読みやすくする方法が見つかります。

サイトに訪れる

3. BlueMax

このサイトはVictorDuseによって提出されました。これは、サイト全体のハイライトとして製品のブランドの青い色を使用する1ページの製品サイトです。青は、テキスト、アイコン、セクションの背景、およびロゴに使用されます。レイアウトは、フルスクリーンスライダー、製品を示す画像ギャラリー、埋め込みビデオ、クリック可能なストアのロゴ、製品ギャラリー、情報のテキストを含む画像、およびお問い合わせフォームできれいになっています。このサイトはブランドカラーをうまく利用しており、画像を使用して製品の使用方法とその利点を示す方法が気に入っています。

サイトに訪れる

4.ブログクリエイティブ

このサイトはCecilleSolmeranoによって提出されました。このサイトは、余白が多くエレガントな色のすっきりとしたデザインですが、目立つのは背景の形です。柔らかな色で作られた形状と、いくつかのグラデーションのある形状は、前景要素の後ろに移動する背景を作成し、前景要素から注意をそらすことなく注目を集める興味深い効果を作成します。宣伝文のアイコンは同じ柔らかい色を使用しますが、ボタンとCTAは少し太字になります。ブログは、ヘッダーの青いグラデーションとフッターのピンクのグラデーションのセクション仕切りの雲でエレガントなデザインを続けています。ブログの残りの色は、注目の画像の境界線によって提供されます。このサイトは、エレガントな色、グラフィック、写真の優れた例です。

サイトに訪れる

5.チェッカーボード

このサイトはBradyBalhornによって提出されました。このサイトには、私が見た中で最も興味深いグラフィック要素の1つがあります。タブレットは全幅ヘッダーのすぐ下にあり、グラフィックを表示します（グラフィックはサイトのファビコンとしても使用されます）。タブレットは右側にあり、テキストは左側にあります。スクロールすると、タブレットのタッチが左に移動し、周囲のグラフィックが変化します。その後、テキストがスクロールしてもタブレットは所定の位置に留まります。タブレットとその周辺のグラフィックは、テキストの次のセクションに一致するように変更され、5つのセクションに続くプレゼンテーションが作成されます。クライアントのロゴと報酬のセクションとそれに続くブログは、視差の大理石のチェッカーボードの背景の上に配置されます。ブログでは、遅延読み込みを使用したエレガントなカードを使用して、すっきりとした4列のデザインを作成しています。

サイトに訪れる

6.インテグラ

このサイトはMarcioSartorによって提出されました。召喚状の背後にグラデーションのあるフルスクリーンの背景があり、ロジスティックプロセスをステップスルーする興味深いグラフィックの横にタイピング効果が含まれています。グラフィックプレゼンテーションは、シャドウ効果のあるスライダーに表示されます。もう1つの興味深いセクションでは、ラップトップを片側に、テキストを反対側に示しています。テキストをクリックすると、ラップトップ（またはモバイルデバイス）にそのサービスまたは特典のサポート情報が表示されます。緑のブランドは、サイトのジャンルに完全に適合しています。ログインページでさえ、フルスクリーンの背景画像、緑色のオーバーレイ、およびロゴでブランド化されています。

サイトに訪れる

7.5リンクス

このサイトはジャスティンアルカラによって提出されました。サイト全体で多くの大きなテキストと要素をヘッダーとして使用するか、セクションを説明するヘッダーの一部として他のテキストの後ろに使用します。フルスクリーンヘッダーには、片側の画像の一部と反対側の大きな再生ボタンをカバーするオーバーレイがあります。再生ボタンをクリックすると、埋め込みビデオが開きます。製品は、ホバーアニメーション付きの複数列のセクションに表示されます。テキスト、アイコン、ボタン、ブログカードなどの要素の多くは、要素を際立たせる深い影の効果を使用しています。ブログは同じレイアウトデザインに従い、ブログの投稿を目立たせるために背景が暗いスタイルのサイドバーが含まれています。投稿自体は同じレイアウトに従います。

サイトに訪れる

8.音声

このサイトはMarcyHenriquesによって提出されました。これは1ページのデザインで、わずかにオフホワイトとグレーの背景が交互に表示され、そのうちのいくつかは角度の付いたセパレーターを使用しています。ヒーローセクションには、サイトのブランディングを設定するのに役立つグラデーション付きの青いオーバーレイを含む背景画像が表示されます。ヘッダーテキストは、逆方向のグラデーションを使用します。青または灰色の背景に八角形を使用し、背景から目立つように濃い影のアイコンを使用するメリットセクションが好きです。紹介文のスライダーも好きです。影の効果が含まれ、片側に画像がある八角形の背景パターンの上に配置されます。

サイトに訪れる

9.ヘザーによるより良い健康

このサイトはChristieHalmickによって提出されました。これは、手書きのロゴ、メニュー、タイトル、ボタン、画像の片側の境界線、紹介文の後ろ、CTAの後ろ、フッターなど、ハイライトに多くの大胆な色を使用しています。いくつかのセクションは、中央にロゴが付いたスタイル付きの線で分割されています。大胆な色は、高品質の写真に対して見栄えがします。私はブログ投稿のように機能するレシピが好きですが、レシピカードが含まれています。電子書籍のCTAページでは、ナビゲーションが削除され、フルスクリーンの背景画像の上にブランド色のフォームが表示されます。このサイトは色をうまく利用しています。

サイトに訪れる

10.CMGエージェンシー

このサイトはCarlosMontalvoによって提出されました。このサイトは、黒または明るい灰色から白へのグラデーションの背景を持つ大胆な黄色を使用しており、ホームページにはたくさんのものがありますが、各要素には十分な余裕があります。ビジュアルは、フラットグラフィック、埋め込みビデオ、アイコン、最近の作品、スライダー内のクライアントロゴ、ブログ投稿、およびGoogleレビューによって提供されます。ポートフォリオページには、サイトの黄色のブランドに一致するようにスタイル設定されたシャープなフィルターが含まれています。チームページが大好きです。チームメンバーごとにコミック風のアートワークを使用しています。黄色のグラデーションやその他の黄色のハイライトが含まれているブログページも気に入っています。

サイトに訪れる

結論

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

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

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

Kostenko Maxim /shutterstock.comによる注目の画像