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

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

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

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

1.ジーゼルアレン

このサイトはレスリー・タゴルダによって提出されました。 このサイトは色をうまく利用しています。 紫と黄褐色のさまざまな色合いの間の背景。 各セクションには、角度の付いたセパレータが含まれています。 フォントは背景とうまく機能します。 また、画像やCTAなどの他の要素の周囲に配置されたグラフィックも含まれます。 画像には、背景から目立つスタイルの境界線とユニークな形状が含まれています。 画像の背景の多くは、他のグラフィック要素と一致しています。 背景の模様も好きです。

GieselleAllenにアクセス

2.エイダトリンダーデ

このサイトはDuoDigitalによって提出されました。 このサイトは、フォントと背景色をうまく利用しています。 ヒーローセクションといくつかの背景には、気付くのに十分なほど目立つパターン化された背景が表示され、視覚的なテクスチャが与えられます。 テキスト要素の多くには、図形やCTAを構築するために連携して機能する境界線が含まれています。 注意を引くためだけに視覚要素を構築するものもあります。これは、紹介文に適しています。 また、視覚的なスペースを占めるグラフィック要素が1つあることも気に入っています。

AdaTrindadeにアクセス

3.リフレッシュスタジオ

このサイトはBradleyMaravalliによって提出されました。 このサイトは空白を面白く利用しています。 白とオフホワイトの背景を交互に使用し、背景から離れたところに影が付いた白い背景を含む要素を使用します。 ヒーローセクションは視差で白い画像を表示します。 テキストは黒ですが、暗すぎません。 十分に軽いので、背景と適切なコントラストがあり、読みやすくなっています。 ロゴ、メールリンク、ボタンは緑色で、白に対してエレガントに見えます。

リフレッシュスタジオにアクセス

4.シアラ

このサイトはライアンオルトンによって提出されました。 これも色と空白をうまく利用しています。 ヒーローセクションには、画面の中央を空のままにしておくアイテムの画像が表示されます。 タイトルとCTAはこの場所に完全に収まります。 いくつかのセクションには、片側または反対側に同様の背景画像が含まれています。 すべてのテキストは、他のテキストよりも目立つように、周囲に空白があります。 タイトルは、白い背景に対して完全に機能する濃いオレンジ/赤を使用しています。 上部のバナーも気に入っています。 オレンジ色のボタンが付いた濃い緑色です。 スクロールすると、バナーがメニューに置き換わります。

Ciaraにアクセス

5. RCBI

このサイトはジミーレモンによって提出されました。 これは、茶色の背景、緑色のハイライト、画像をうまく利用して工業デザインを作成しています。 ヒーローセクションには、左側に白い背景に溶け込み、前景にCTAがある背景画像が表示されます。 カテゴリは、目立つ茶色の背景の上に2列の大きな画像で表示されます。 ブログセクションもこの背景を使用しています。 イベントは、目立つ大きなカードと深いボックスの影で表示されます。

RCBIにアクセス

6.ジェームズによるサイト

このサイトはJamesPettecrewによって提出されました。 このサイトは、赤いハイライトと明るい背景と暗い背景のブレンドをうまく利用しています。 ヒーローセクションは特に際立っています。 タイトルの中央に赤い対角線部分があるモノクロ画像を表示します。 多くのセクションでは、タイトル、ボタン、境界線などにこの赤を使用していますが、使用は控えめなので、常に目立ちます。 このサイトにも興味深いCTAがあります。 デスクトップとモバイルでウェブサイトをGoogleで検索する視差の背景画像を使用します。 多くの人は、スターウォーズのデザインで作成されたフッターのロゴを高く評価するでしょう。

ジェームズのサイトにアクセス

7.大切なリーダー

このサイトはShayneWylerによって提出されました。 これは色と画像をうまく利用しています。 背景はオフホワイトとダークグレーが交互に表示されます。 ヒーローセクションから始まるいくつかの背景には、全幅の画像が表示されます。 ボタン、アイコン、タブなどのハイライトは青色で表示されます。 ブルーは、常に目立つように控えめに使用されています。 いくつかの要素がセクションに重なっています。 私のお気に入りは、ナビゲーション用のタブが付いた埋め込みビデオです。 片側にビデオを表示し、反対側にCTAを表示します。

大切なリーダーを訪ねる

8. Equestrum

このサイトはMichenouCramaによって提出されました。 これは、オレンジとブルーのハイライトと空白をうまく利用しています。 オレンジとブルーの要素には、ボタン、背景パターン、アイコン、テキスト、および背景オーバーレイが含まれます。 ヒーローセクションには、大きなオレンジ色の円が表示され、円で囲まれた画像が重なっています。 オレンジと青の両方の小さな円が重なります。 いくつかの背景要素は修正されていますが、他の要素はフローティングです。 すべてのCTA、ブログ投稿、および情報の宣伝文句はカラフルで目立ちます。 トップに戻るボタンでさえ、サイトに合わせてスタイルが設定されています。

Equestrumにアクセス

9.エリートターニング＆マシニング

このサイトはジャスティンアルカラによって提出されました。 これは、鮮やかな赤と画像をうまく利用して、エレガントに見える工業デザインを作成します。 画像の多くは、セクションや他の画像と重なっています。 画像の1つはスライダーです。 赤いハイライトには、メニューのCTA、ボタン、タイトル、番号、境界線、アイコン、および連絡先情報用の1つの画像オーバーレイが含まれます。 セクションの多くには、画像や宣伝文の後ろにある灰色の背景パターンが含まれています。 灰色のアイコンと赤いボタンを使用する宣伝文のセクションが好きです。 宣伝文には、カードの下部に赤い境界線が含まれています。

エリートターニング＆マシニングをご覧ください

10. Pixweb

このサイトはYanisによって提出されました。 このサイトは色をうまく利用しています。 背景には興味深い明るい赤/オレンジが使用されています。 これらは黄褐色の背景と交互になります。 赤いセクションのテキストは黄褐色で、黄褐色の背景と一致しています。 赤い要素の多くには、目立つボックスシャドウが含まれています。 ヘッダーは赤で、中央に黄褐色のテキスト、ボックスシャドウ、重なり合うハンバーガーメニューが含まれています。 ハンバーガーアイコンは、赤い背景と黄褐色のグラフィック要素を備えたフルスクリーンメニューを開きます。 私のお気に入りは下部のCTAです。 黄褐色のセクションと赤いフッターに重なっています。 それは箱の影で赤いフッターから際立っています。

Pixwebにアクセス

まとめ

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

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

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

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