17Diviを使用した教会のサイトの例

公開: 2017-05-26

私自身牧師である教会のウェブサイトは、いつも私の心の中で特別な場所を占めてきました。 あなたがそれについて考えるならば、彼らは幅広い機能を必要とします。 ダウンロードやライブストリーミング、イベント、寄付ボックス、メンバーシップエリア、お問い合わせフォーム、位置情報など、事実上すべての種類のメディアが必要です。 この記事では、Diviを使用した教会のサイトの17の例を見ていきます。

ウェブサイトの選択に関する注意–これらのウェブサイトを選択する際に宗派を無視したため、特定の宗派やグループが優遇されることはありません。 1つがより目立つ場合、それはそれらの多くがDiviを使用するか、より良いデザインを持っているためです。 これらの記事は自己宣伝に関するものではなく、私のものは良い例ではないので、私は自分自身を含めませんでした…まだ。 これらのウェブサイトに触発された後、それはすぐになります。

この記事では、私が目立つ各Webサイトについていくつか指摘します。 サイトは順不同です。

1.StoneBridgeマリエッタ

StoneBridge Mariettaはフルスクリーン画像を表示し、プライマリメニューの下に独自の全幅メニューを含みます。 イベントカレンダーはEventOnを利用しており、訪問者はイベントに登録できます。 寄付はGravityFormsによって提供されます。 説教はブログ投稿を通じて提供され、音声とPDFのダウンロードが含まれます。 サービス時間は、 I'mNewページ表示されます。 このサイトには多くの情報があり、いくつかの省庁のページがあり、すっきりとしたレイアウトを使用し、スクロールしない地図があり、画像、色、テキストを最大限に活用しています。

2.タバナクルファミリー

タバナクルファミリーはフルスクリーン画像を表示し、シリーズ、スピーカー、本、またはトピックごとに分割するメニュー構造を備えた埋め込みビデオ説教が含まれています。 イベントページには、オフサイトに移動する登録フォームを使用して、イベントが時系列で一覧表示されます。 ハブページは、単一のページでスケジュールを提供します。 サービス時間はNewHere?で提供されます。 ページ。 このサイトでは、スクロールしない地図と交互の画像レイアウトを使用しており、画像を最大限に活用しています。

3.出エジプト記教会

Exodus Churchは、CTAを使用して全幅の画像、サービス時間、イベントを表示するシンプルでクリーンなレイアウトを使用しています。 各CTAは、Facebook経由で登録できるそのイベントのページに移動します。 イベントは、月、カテゴリ、またはカレンダーで表示できます。 説教は、埋め込まれたビデオ、オーディオ、およびオーディオのダウンロードとして提供されます。 シリーズ、スピーカー、本で並べ替えることができます。 与えることはあなたをTithe.lyにオフサイトに連れて行きます。 このサイトはブランドカラーをうまく利用しています。

4.ゲートウェイコミュニティ教会

Gateway Community Churchは、フルスクリーンビデオと右側の折りたたみ可能な垂直メニューを使用しています。 レイアウトには、EventOnを利用したポップアップを備えた埋め込みイベントカレンダーが含まれています。 与えることはあなたをEasyTitheにオフサイトに連れて行きます。 省のページには、スケジュールの切り替えが含まれています。 メッセージページには、埋め込まれたオーディオを聞くことができる一連のアーカイブが含まれています。 スクロールしないマップには、サービス時間が含まれています。 このサイトは、色、画像、フォントを最大限に活用しています。

5.グレースユナイテッドメソジスト教会

グレースユナイテッドメソジスト教会は、関連するすべてのページへのリンクを備えた雑誌のデザインに似たエレガントなレイアウトを備えています。 フルスクリーン画像、セクションの区切り、ホバーアニメーションが含まれています。 トップメニューには、連絡先情報と、eServicePaymentsを利用したCTAが含まれています。 ニュースレターはPDFダウンロードとして提供されます。 説教は埋め込みビデオとして提供されます。 イベントは、オールインワンイベントカレンダーを使用して表示されます。 このサイトは色と画像をうまく利用しています。

6.シンガポールを希望

シンガポールがフルスクリーン画像と多くのCTAを備えたすっきりとしたレイアウトを使用していることを願っています。 説教は、シリーズ、講演者、トピックで検索できる独自の並べ替えメニューを使用して提供され、ビデオ、オーディオ、および映画が含まれます。 イベントは、Googleイベントカレンダーを利用したカレンダー内に表示されます。 ストーリーページは、メンバーに関する情報をテキストまたはビデオとして提供します。 これらのサイトは、色とフォントをうまく利用しています。

7. Christ Place.Church

Christ Place.Churchは、トップメニューにCTAを含むフルスクリーン画像を表示します。 レイアウトには、ビデオ、視差のある交互の画像、および位置情報が含まれます。 メッセージは、スピーカー、休日、シリーズ、およびスタンドアロンでソートされ、ビデオとオーディオとして提供されます。 寄付は、Bootstrap内の埋め込みフォームによって処理されます。 それぞれの場所には、エレガントなレイアウトと色を使用してDiviで構築された独自のサイトがあります。

8.レイクポイント

Lakepointeには、さまざまなページへのリンクを含むグリッドレイアウトが含まれています。 トップメニューにはライブサービスのカウントダウンが含まれ、メインメニューにはメガメニューデザインが使用されます。 イベントは、詳細なレイアウトとスケジュールを含むページへのリンクとして表示されます。 このサイトには、iOSとAndroidの両方に対応したChurchのアプリへのリンクが含まれています。 ストアはWooCommerceを利用しています。 メッセージは埋め込みビデオとして提供されます。 寄付は、埋め込まれたWebフォームを介して処理されます。 このサイトはレイアウトデザインを大いに活用しています。

9.セビアハイツ

Sevier Heightsは、2つのキャンパスへのリンクを含むフルスクリーンビデオを表示します。 サービスは、シリーズ、スピーカー、およびシリーズエンジンを利用したトピックで並べ替えることができる埋め込みビデオとして提供されます。 オンラインストアはWooCommerceを利用しています。 [ミッション]ページには、ミッションの機会が月ごとのリスト形式で表示されます。 キャンパスページにはサービス時間が含まれています。 このサイトはエレガントなレイアウトを使用し、色を最大限に活用しています。

10.タリアユナイテッドメソジスト

タリアユナイテッドメソジスト教会には、フルスクリーンの画像と、大胆な色を使用したイベントやお知らせを含むエレガントなレイアウトが含まれています。 メニューには、eServicePaymentsを利用した寄付CTAが含まれています。 説教は音声とビデオで提供され、シリーズ、牧師、詩で並べ替えることができます。 イベントは、Events CalendarProを使用して表示されます。 祈りのリクエストは、お問い合わせフォームから送信できます。 大胆な色使いを活かしたサイトです。

11.FUMCアルカデルフィア

FUMCアルカデルフィアは、反対方向に移動する視差のあるフルスクリーン画像を使用します。 Vacation Bible School CTAが画面に表示されたままになり、登録フォームのあるページに移動します。 興味深いホバーアニメーションを使用して、画像を互いに重ね合わせます。 礼拝時間は、当時のサービスの画像や動画とともに表示されます。 説教は、ビデオと説教ノートが埋め込まれたブログ投稿として提供されます。 このサイトは画像と色をうまく利用しています。

12.二つの都市教会

Two Cities Churchは、CTAを含むフルスクリーンのビデオを表示し、その後にサービス時間と非自動スクロールマップを表示します。 説教は、シリーズ、講演者、トピックごとに並べ替え可能な埋め込みビデオとして提供されます。 寄付は埋め込みフォームを介して処理されます。 グループに関するFAQは、トグル内にあります。 イベントはページに表示され、オフサイトのサインアップフォームにリンクします。 このサイトはエレガントなレイアウトを使用し、色を最大限に活用しています。

13.最初の教会

First Churchは、スクリーンドア効果のあるフルスクリーンビデオを使用しています。 内蔵のSpotifyプレーヤーを使用して音楽を聴くことができます。 シリーズ、講演者、トピックごとに並べ替え可能な埋め込みビデオで説教をご覧ください。 クリエイティブアーツページには、オーディションにサインアップするためのリンクを含むジョブ情報が含まれています。 オンライン寄付はqGiveを利用しています。 このサイトはブランドカラーをうまく利用しています。

14.イーストリッジ教会

Eastridge Churchには、CTAを含むフルスクリーン画像が含まれています。 祈りのリクエストは、お問い合わせフォームから受け付けています。 説教はオフサイトにリンクしています。 イベントは部族イベントカレンダーを使用して表示され、検索可能です。 オンライン寄付はPushPayによって処理されます。 会議ページには、画像とトグルを使用したゲストスピーカーに関する情報が含まれています。 さまざまなサイトへのリンクには、サービス時間が含まれています。 このサイトはエレガントなレイアウトを使用しており、教会のアプリを入手するためのリンクが含まれています。

15.ベテルタバナクル

Bethel Tabernacleは、全画面画像とそれに続くサービスおよび場所情報を含む連絡先セクションを使用する1ページのデザインです。 彼らの信念はトグルを使用して表示されます。 全幅マップはモノクロで、自動スクロールしません。 このサイトは情報をシンプルに保ち、ナビゲートを容易にし、レイアウトをクリーンに保ちます。 セクションセパレータ、エレガントな色、一致するフォントが含まれています。

16.灯台シェリンガム

Lighthouse Sheringhamは、スクロールのメニューにアニメーション化されたCTAを含むフルスクリーンビデオを表示します。 これには、You Visitを利用した場所の360度(VR互換)バーチャルツアーが含まれています。 再生リストページには、埋め込まれたビデオが表示されます。 カフェページには、PDF形式のダウンロード可能なフードメニューが含まれています。 祈りのリクエストは、お問い合わせフォームから受け付けます。 イベントはポスターの壁に画像として表示され、PDFとしてダウンロードできます。 今後のイベントは、オールインワンイベントカレンダーを使用して表示されます。 このサイトはブランドカラーを使用しています。

17. CityHill

CityHillは、視差のオーバーレイにサービス時間が表示されたフルスクリーン画像を使用します。 クイックリンクは大きなアイコンを使用します。 説教のビデオ、オーディオ、およびダウンロード可能なメモは、ブログ投稿に埋め込まれています。 ミッションCTAはオフサイトフォームを使用します。 このサイトはすっきりとしたレイアウトで、大きなヘッダーフォントをうまく利用しています。

最終的な考え

Diviを使用しているこれらの17の教会のウェブサイトは、インスピレーションを得たり、画像、ビデオ、オーディオ、イベントカレンダー、オンライン寄付システム、表示サービス時間、説教の埋め込みなどをどのように使用しているかを確認するのに最適です。 ディビを使ってあなたの次の教会のウェブサイトのデザインを刺激する何かがここにあるはずです。 私は今私の仕事に行かなければなりません。

ご意見をお聞かせください。 ディビで構築されたこれらの教会のウェブサイトのお気に入りの要素は何ですか?

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