11Divi中小企業のウェブサイトの例

世界は中小企業でいっぱいであり、毎日より多くのことが始まります。 それに伴い、常に新しいWebサイトが必要になります。 次のプロジェクトのデザインのインスピレーションを提供するために、Diviで構築された中小企業のWebサイトがたくさんあります。 この記事では、次のDiviプロジェクトの設計アイデアを支援するために、Divi中小企業のWebサイトの11の例を見ていきます。

これらの企業のほとんどは、Webサイトを通じて販売するのではなく、ローカルエリアにサービスを提供しています。 彼らは連絡先と場所の情報を提供するので、彼らはあなたの場所に来るか、あなたが彼らの場所に行くことができます。 中小企業が提供するサービスの種類に関係なく、これらのサイトは次のデザインのインスピレーションに役立ちます。 それらは特定の順序ではありません。

1.J-Techソーラー

J-Tech Solarは、タグライン、会社情報、クリック可能な電話番号がオーバーレイされたフルスクリーンのビデオ背景を使用しています。 CTA付きの垂直メニューがあります。 これに続いて、提供される業界へのリンクを含む3列のセクション、全画面画像上に部分的なオーバーレイを使用するCTAを含むaboutセクション、およびテキストを含む4列の情報セクションがあります。 次のセクションでは、私が見た視差の最も興味深い使用法の1つを示します。これには、正と負の両方のスペースを使用したテキストカットアウトを含むフルスクリーンの背景画像が含まれます。 テキストの最初の行は背景をブロックし、テキストの2行目は背景を明らかにします。 この後、オーバーレイと右側に連絡先情報が記載されたカスタムフッターを備えた別のCTAがあります。 このサイトは、色、画像、ビデオ、視差をうまく利用しています。

2.フィックスヒート

Fixheatは、ロゴ、タグライン、CTA、および真の視差で提供されるサービスのアイコンを含む、青色のオーバースクリーン画像を表示します。 メニューはスクロールで表示されます。 これに続くのは、白い背景の画像と詳細を読むためのリンクを含むaboutセクションです。 サービスは、真の視差で背景画像の上に大きなアイコンとして表示されます。 CTAは濃い灰色のセクションに配置されます。 カスタムフッターは、暗い灰色の背景の上にロゴを表示します。 このサイトは、色とフォントをうまく利用しています。

3.非標準フォーム

非標準フォームは、真の視差でオーバーレイされたロゴ付きのフルスクリーン画像を表示します。 3列のセクションには、モノクロおよびスタイル付きリンクの大きな画像で提供されるサービスが表示されます。 次のセクションでは、全幅の紹介文を大きな赤いプリントで示します。 これに続いて、ポートフォリオスライダー、真の視差の背景画像上のフルスクリーンの紹介文スライダー、およびお問い合わせフォームがあります。 ポートフォリオページでは、各サービスを異なる色の背景に配置します。 このサイトは、色、背景、フォントを最大限に活用しています。

4.サルディスタイヤと自動車工場

Sardis Tire and Auto Worksには、タグラインとCTAを含むフルスクリーン画像が含まれています。 スクロールすると、背景が太字の黄色の全幅のセクションと、店で働いている技術者の画像が表示された全幅のセクションが表示されます。 別の全幅セクションには、ホバーアニメーションを使用して提供されるサービスへのリンクが含まれています。 お問い合わせセクションには、お問い合わせフォームと濃い青色の背景の地図が含まれています。 メニューリンクは非常に大きく、サイトのデザインと見栄えがします。 このサイトは、カラーブランディングとフォントを大いに活用しています。

5.アダムアランの絵画と契約

Adam Alan Painting and Contractingには、左側の垂直メニューが含まれています。 タイトル、タグライン、CTAが視差で表示されたフルスクリーン画像が含まれています。 次のセクションでは、三角形のセクションスタイルのオレンジ色の背景に会社の情報を示します。 この後に、提供されるサービスを説明する画像、アイコン、およびテキストを含むaboutセクションが続きます。 家の写真は全幅のセクションに表示され、その後に複数列の紹介文セクションが続きます。 連絡先CTAは、オレンジ色のオーバーレイが付いた画像の上に配置されます。 フッターにはBBB証明書が含まれています。 このサイトは色をうまく利用しています。

6.乙女ジェーン

Maiden Janeはメニューの上に大きなロゴを使用し、ウェルカムメッセージと視差のCTAを含むフルスクリーン画像を含みます。 スクロールすると、さまざまなページへのリンクを含む画像と背景を含む複数列のセクションが表示されます。 カスタムフッターは、ブランドと一致するピンクの背景の上にロゴ、ソーシャルボタン、連絡先情報を表示します。 Get a Quoteページでは、興味のある製品のタイプを選択できる埋め込みタイプフォームを使用しています。サイトはシンプルで、すっきりとしたデザインを使用しています。

7.シュロッセレイシュナイダー

Schlosserei Schneider（Castle Cutters）は、タイトルとタグラインがオーバーレイされたフルスクリーンのシネマグラフの背景を表示する1ページのデザインを使用しています。 次のセクションには、会社と連絡先の情報が表示され、その後に3列の大きなセクションが表示され、中央に所有者の写真が表示され、外側の列にサービスの説明が表示されます。 次のセクションには、作品の画像を含む3つのスライダーと、画像と連絡先情報を含む完全なセクション、全幅の背景の連絡フォーム、画像ギャラリー、全幅のスクロールマップ、およびフッター内の情報が含まれます。 レイアウトはすっきりしていて、わかりやすいです。

8.便利屋IOW

便利屋IOWは、クリック可能な電話番号を含むメインメニューの上に大きなロゴを表示する1ページのデザインと、ロゴ、情報、および続きを読むボタンをオーバーレイで表示する大きなグラフィック背景を使用します。 次の2つのセクションには、画像とテキストが交互に表示され、クリック可能な電話番号が含まれています。 全幅セクションでは、視差のある画像にサービスが表示され、続いて、オーバーレイを使用して視差のある画像に連絡先情報、地図、連絡先フォームが表示されます。 これらのサイトは、行動の呼びかけとしてクリック可能な電話番号をうまく利用しています。

9.ノーマン湖の土地管理と灌漑

ノーマン湖の土地管理と灌漑には、[サービス]、[ギャラリー]、[見積もりの​​取得]ページのスライダーが含まれており、スライダーの幅の緑色のボックスにCTAが続きます。 サイドバーには、サービスを説明するウィジェットがあります。 各サービスをクリックすると、ウィジェットの下部に詳細が表示されます。 ページのサイドバーにはCTAが含まれており、情報にはトグルを使用し、画像にはマルチレイアウトギャラリーを使用します。 見積もりと支払いのページは、カスタムお問い合わせフォームを利用しています。 サイトはシンプルで、ブランドカラーを駆使しています。

10.東海岸のドア

East Coast Doorsは、ウェルカムメッセージを含むフルスクリーンの背景画像をオーバーレイで表示し、視差でCTAに連絡します。 スクロールすると、三角形のセクションスタイルの電話番号で会社情報が表示されます。 製品はリンク付きの3列に表示されます。 別のセクションには、販売情報を含むリスト形式、CTAを含む全幅セクション、およびスクロールで表示されるフッターで製品が表示されます。 ナビゲーションはUberメニューを利用しており、メガメニュー内に製品、製品カテゴリ、およびお問い合わせフォームが表示されます。 このサイトは製品写真をうまく利用しており、リストの中で最も興味深いメニューがあります。

11.プロデータ管理

Pro Data Managementは、会社情報とCTAを含むグラデーションオーバーレイを備えたフルスクリーンの背景画像を使用します。 次のいくつかのセクションには、対応するサービスへのリンクを含む3つのアイコンが表示され、タイプごとに分けられています。 次のセクションには、従業員の認定ロゴが表示され、続いてCTAと、CTA、情報、およびメニューを含むフッターが表示されます。 チャットボックスは画面に残ります。 メニューには、CTAとクリック可能な電話番号が含まれています。 メニュー項目にはアイコンが含まれています。 ケースは、埋め込まれたシンプルフォームを介して送信されます。 このサイトはオーバーレイと色をうまく利用しており、シャープなメニューがあります。

最終的な考え

これらのDiviスモールビジネスWebサイトの11の例は、ビジネスがどんなに小規模であっても、Diviを使用してあらゆるタイプのビジネスWebサイトを作成できることを示す優れた例です。 サイトが連絡先情報のある簡単なパンフレットであろうと、ログインと支払いシステムのあるサイトであろうと、Diviで構築することができます。

これらのサイトは、レイアウトのアイデア、ブランドの色、視差、画像、アニメーション、ビデオ、連絡先システム、CTA、ナビゲーションなどのアイデアを提供するのに最適です。 これらのウェブサイトはあなたの次の中小企業のウェブサイトのデザインのためにあなたを刺激することは確実です。

これらのDivi中小企業のウェブサイトのお気に入りの要素は何ですか？ 以下のコメントでお知らせください！

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