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

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

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

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

1.新しいシェルパ

このサイトはGregoryLittleによって提出されました。 これは1ページのデザインです。 フルスクリーンヘッダーには、スクロールすると別のビデオに移行する背景ビデオが表示されます。 移行中に実際に両方を同時に見ることができます。 ヘッダーは、濃い青/緑のブランド色の大きなテキストを使用してタグラインを作成します。 Aboutセクションでは、同じフォントファミリとスタイルを使用して、会社の焦点を示しています。 連絡先CTAは、全幅の画像の上に配置され、その後にブランドカラーでスタイル設定されたアイコンの宣伝文句が続きます。 管理チームのセクションには、創設メンバーに情報と詳細を読むためのリンクが表示され、すべてブランドの色でより多くのテキスト行が表示されます。

サイトを訪れる

2.シージェット

このサイトはGeorgeParatsokisによって提出されました。 ヘッダーには、シャドウ効果と、サイトのブランドカラーに一致するスタイル付きのCTAボタンが含まれています。 セクションまでスクロールすると、アニメーションボックスが領域全体をワイプすると、画像が画面に表示されます。これにより、スタイル設定されたボタンも表示されます。 タイトルは、目立つエレガントなスクリプトフォントで書かれています。 レイアウト自体は、交互のデザインで2列に情報と画像を表示します。 デザインを紹介するために多くの空白を使用します。 CTAには、ボックスシャドウで表示される、オーバーレイとエレガントなフォントを含む背景画像が含まれます。 フッターは面白いです。 背景はライトグレーのシルエットで、すべての連絡先情報が表示されています。

サイトを訪れる

3.そよ風

このサイトはSakshiBehlによって提出されました。 このサイトは、目立つようにいくつかのスタイル要素を備えたシンプルなレイアウトを使用しています。 ヘッダーには、サイトの定義に役立つグラフィックの横にメールオプトインフォームが付いたタグラインが表示されます。 クライアントのロゴはオフセットレイアウトで表示されます。 宣伝文句は、画面の横にあるスタイル付きの背景パターンよりも優れている点を示しています。 機能セクションは興味深いものです。 説明の横にスクリーンショットが表示されます。 各説明にはタイトルがあります。 タイトルをクリックすると、その説明のテキストが表示されます。 タイトルの横のスタイル付きの線が暗くなり、どのタイトルが選択されているかが示されます。 価格表も青い背景に対して面白く見えます。 提案された計画は、目立つようにボックスの影で示されています。

サイトを訪れる

4.ドラゴンフライアベニュー

このサイトはMarciAngelesによって提出されました。 このサイトは、柔らかな色と花の写真を使用して、ターゲットオーディエンスを引き付けます。 ヘッダーがメニューを中央に表示している間、いくつかのページリンクがトップバーの片側に表示されます。 説明とタグラインは、フルスクリーンの背景画像の上にいくつかのフォントで表示されます。 全幅の電子メールオプトインは、水色の背景でスタイル設定され、訪問者が情報のロックを解除できることを示すためにキーのグラフィックを使用します。 ブログの投稿は、サイドバー付きの1つの列に表示され、すべてスタイルが一致しています。 ブログ投稿には同じサイドバーが含まれています。 埋め込まれたInstagramフィードには、最新の写真が表示されます。

サイトを訪れる

5.パリス製造会社

このサイトはJosephBrownによって提出されました。 このサイトは、写真を使って旧西部を楽しく描写しています。 メニューの上に雲を連想させるグラフィックとメニューの下にタイトルが付いたフルスクリーンの背景が表示されます。 ほこりのアニメーションレイヤーが3Dで画面上を移動します。 雲がスクロールのメニューの後ろに降りてきて、それはペイントされたセクションのように見えます。 次のセクションでは、ページの指名手配のポスターが付いたフェンスの背景を示します。 ポスターは、触れたかのようにホバーでアニメーション化します。 フッターには山脈と黒のカウボーイがいて、メニューには濃い緑の空があります。 ショップページは、西部の背景の上にアイテムを配置します。 アイテムはセピア色で表示され、ホバーすると色付けされます。 製品ページは、フェンスの背景の上に画像を配置します。 このサイトは画像を大いに活用しています。

サイトを訪れる

6.インパラキ

このサイトはPascalClaroによって提出されました。 このサイトでは、ヒーローセクションとCTAにオレンジから白へのグラデーションを使用し、ボタン、アイコン、テキストにサイト全体でオレンジ色のハイライトを使用しています。 ヒーローセクションには、ログインまたはコースを表示するためのボタンが付いたロゴが表示されます。 これらのいくつかのカードの下には、最もフォローされているコースが表示されます。 カードの上部には、画像、タイトル、抜粋、ボタンなどの情報が表示されます。これらはすべて、サイトに合わせてスタイルが設定され、ホバーアニメーションが含まれています。 それらは背景のグラデーションよりも際立っています。 コースページはこれと同じデザインを使用しています。 レビューは紹介文のスライダーに表示されます。 リソースは、オーバーレイのオレンジ色のタッチで暗い画像の上にオレンジ色のアイコンで表示されます。

サイトを訪れる

7.フェニックスビル

このサイトはAndreVillanuevaによって提出されました。 フルスクリーンの背景に、興味深いフォントと渦巻き模様のグラフィックのスタイルパターンとタグラインがあります。 スクロールすると、メニュー項目と同じフォントを含むヘッダーが表示されます。 フォントと渦巻きはロゴにも使用されており、一方の側にロゴを使用し、もう一方の側にマルチカラーのテキストを使用するAboutセクションなど、サイト全体のいくつかの場所に表示されます。 青または赤のオーバーレイで視差の背景がいくつかあります。 最も興味深いセクションの1つは、反対方向に傾斜したボックスが背後にある傾斜した画像を示しています。 他のページでは、このセクションと、画像付きの同様のセクションと、パディング付きの太字の境界線を使用しています。 大胆な色使いを生かしたサイトです。

サイトを訪れる

8.マルクスクリエイティブ

このサイトはPKSONによって提出されました。 大きなロゴは黒い背景の中央に配置されています。 ロゴはカットアウトです。 その後ろに視差のある画像が表示されます。 白いテキストは、要点が太字のタグラインを示しています。 会社に関するセクションには、ホバー時に場所を変更する矢印のリンクがあります。 スライダーは2つのセクションに重なり、ナビゲーションに垂直ドットを使用します。 プロジェクトは、エレガントな写真を使用した複数列のレイアウトで紹介されます。 明るい灰色の背景の上にロゴの3Dバージョンを表示し、黒い背景の上にテキストを表示して、デザインをヘッダーに結び付ける、きちんとした行動を呼びかけます。 私はメニューが好きです。 ハンバーガーアイコンをクリックすると、メニューが全画面で開き、一方にナビゲーションが表示され、もう一方に情報が表示された画像が表示されます。

サイトを訪れる

9.エピックツリー

このサイトはLubomirMicuchによって提出されました。 この1ページのWebサイトには、タグラインとCTAボタンの後ろに視差で表示される六角形の背景パターンがあります。 いくつかのセクションでは、会社のサービスと情報が2つの列に表示され、片側にグラフィックが表示され、反対側にCTAが表示されたテキストが表示されます。 グラフィックは、Webサイト全体のボタンとハイライトに一致するブランドの緑色の要素で構成されています。 カウンターのセクションは興味深いです。 山の背景画像の上に緑色の数字が表示され、視差と波状のセクション仕切りがオーバーレイされています。 同様のセクションでCTAが作成されます。 各プロジェクトの作業番号を交互のレイアウトで表示するセクション。 クライアントアイコンの背景は丸みを帯びており、ボックスの影が付いています。 このサイトには、スタイル付きの証言、トグル、ソーシャルフォロー、お問い合わせフォームなどが含まれています。

サイトを訪れる

10.ロバートL.オニール

このサイトはMashaGoltsova-Lanoueによって提出されました。 この著者のウェブサイトは、ターゲットオーディエンスを引き付けるために色とアートワークを使用しています。 ヒーローセクションには、本の表紙、説明、購入ボタンが記載されたCTAが表示されます。これらはすべて、本のアートワークを含む背景の上に配置されています。 [概要]セクションには、本を読んでいる対象読者の画像の横に詳細を表示するためのボタンが付いた情報が表示されます。 すべてのボタンは本とは異なる色を使用しています。 お客様の声のスライダーは、背景としてブランドの紫を使用しています。 いくつかのCTAは、読者に本を購入したり、詳細を学んだり、著者について読んだりするように勧めています。 背景には、フッターを含む本のアートワークが含まれます。 アートワークは、プリロードグラフィックとしても使用されます。 ショップページに証言が表示される方法が好きです。 レイアウトはシンプルで、色を多用しています。

サイトを訪れる

最後に

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

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

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

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