The Well Vineyard Church – Website Design

[et_pb_section bb_built=”1″ admin_label=”Creative Process Section” _builder_version=”3.0.78″ custom_padding=”6px||0px|” next_background_color=”#f7f7f7″][et_pb_row admin_label=”Service Section Title” custom_padding=”11px|0px|0px|0px” custom_margin=”||40px|” _builder_version=”3.0.83″ animation_style=”fade” animation_direction=”top” saved_tabs=”all” locked=”off”][et_pb_column type=”4_4″][et_pb_text admin_label=”Title” _builder_version=”3.0.105″ text_font=”Montserrat||||||||” text_font_size=”16px” text_text_color=”#747d88″ text_line_height=”1.9em” header_font=”||||||||” header_2_font=”Montserrat|700||on|||||” header_2_font_size=”42px” header_2_line_height=”1.3em” text_orientation=”center” max_width=”700px” module_alignment=”center” animation_style=”slide” animation_direction=”bottom” animation_intensity_slide=”4%”]

Creative Process

[/et_pb_text][et_pb_text admin_label=”Subtitle” _builder_version=”3.0.105″ text_font=”Montserrat||||” text_font_size=”16px” text_text_color=”#747d88″ text_orientation=”center” max_width=”700px” module_alignment=”center” custom_margin=”|||” animation_style=”slide” animation_direction=”bottom” animation_delay=”100ms” animation_intensity_slide=”4%” background_layout=”light”]

For many businesses and non-profit organizations, their website is the “front door” to their organization.  It shows potential visitors what your organization is about and how a visitor can join or engage with it.  An additional challenge for churches is that a church website is often the information hub for current members also.  A church website can be a great communications tool for the organization and has to be able to communicate information about events and ministries and give an easy way to stay connected.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0px|0px|27px|0px” _builder_version=”3.0.78″][et_pb_column type=”1_3″][et_pb_text _builder_version=”3.0.105″ text_font=”Montserrat||||” text_font_size=”16px” text_text_color=”#747d88″ header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” animation_style=”fade” locked=”off” background_layout=”light”]

The Client

The Well Vineyard Church is a growing mid-size church in Maryland.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″][et_pb_text _builder_version=”3.0.105″ text_font=”Montserrat||||” text_font_size=”16px” text_text_color=”#747d88″ header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” animation_style=”fade” background_layout=”light”]

Dilemma

The Well Vineyard Church needed a new website design that had a modern, clean look and would be mobile responsive.

The website needed functionality for an online calendar, hosting sermon audio, and a central contact for the church.  The client also wanted to incorporate a video header to add dimension and interest to the front page.

 

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″][et_pb_text _builder_version=”3.0.105″ text_font=”Montserrat||||” text_font_size=”16px” text_text_color=”#747d88″ header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” animation_style=”fade” locked=”off” background_layout=”light”]

Market Research

High performing church websites have a primary audience (either new visitors or current members).  This church chose to focus the home page on visitors to the church, moving key visitor information to the front of the website.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ admin_label=”Feature Section 01″ background_color=”#f7f7f7″ _builder_version=”3.0.83″ custom_padding=”0px||0px|” box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”100px” box_shadow_color=”#ffffff” prev_background_color=”#ffffff” next_background_color=”#ffffff”][et_pb_row admin_label=”Feature Area” make_fullwidth=”on” use_custom_gutter=”on” gutter_width=”1″ custom_padding=”0px||0px|” custom_margin=”|||” padding_top_1=”200px” padding_right_1=”10%” padding_left_1=”10%” padding_top_2=”0px” _builder_version=”3.0.83″][et_pb_column type=”1_2″][et_pb_text admin_label=”Title” _builder_version=”3.0.105″ text_font=”Montserrat||||||||” text_font_size=”16px” text_text_color=”#747d88″ text_line_height=”1.9em” header_text_align=”left” header_2_font=”Montserrat|700||on|||||” header_2_font_size=”42px” header_2_line_height=”1.3em” max_width=”700px” module_alignment=”left” custom_margin=”||30px|” animation_style=”slide” animation_direction=”bottom” animation_intensity_slide=”4%” locked=”off” background_layout=”light”]

WEBSITE

DESIGN

[/et_pb_text][et_pb_text admin_label=”Subtitle” _builder_version=”3.0.105″ text_font=”Montserrat||||” text_font_size=”16px” text_text_color=”#747d88″ max_width=”700px” module_alignment=”left” custom_margin=”|||” custom_padding=”||20px|” animation_style=”slide” animation_direction=”bottom” animation_delay=”100ms” animation_intensity_slide=”4%” locked=”off” background_layout=”light”]

We created a complementary one-page website that matched the current branding of the church with a focus on flowing water based on their name, The Well.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″][et_pb_image src=”http://katiegoulet.com/wp-content/uploads/2018/04/thewell.square.png” _builder_version=”3.0.105″ module_alignment=”right” custom_margin=”|||” custom_padding=”|||” animation_style=”slide” animation_direction=”bottom” animation_intensity_slide=”6%” animation_starting_opacity=”100%” show_in_lightbox=”off” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” /][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ admin_label=”Feature Section 02″ _builder_version=”3.0.83″ use_background_color_gradient=”on” background_color_gradient_start=”#f7f7f7″ background_color_gradient_end=”#ffffff” background_color_gradient_start_position=”44%” background_color_gradient_end_position=”44%” custom_padding=”15px|0px|0px|0px” prev_background_color=”#f7f7f7″ next_background_color=”#000000″][et_pb_row admin_label=”Feature Area” custom_padding=”1px|0px|0px|0px” padding_top_2=”10%” padding_bottom_2=”10%” _builder_version=”3.0.83″][et_pb_column type=”1_2″][et_pb_image src=”http://katiegoulet.com/wp-content/uploads/2018/04/thewellipad.png” _builder_version=”3.0.105″ animation_style=”slide” animation_direction=”left” animation_intensity_slide=”10%” animation_starting_opacity=”100%” show_in_lightbox=”off” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” /][/et_pb_column][et_pb_column type=”1_2″][et_pb_text _builder_version=”3.0.105″ text_font=”Montserrat||||” text_font_size=”16px” text_text_color=”#747d88″ header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” custom_margin=”||60px|” animation_style=”fade” locked=”off” background_layout=”light”]

Mobile responsive

Because of the amount of open space in this design, I was able to create a mobile version that was similar to the online version.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ _builder_version=”3.0.105″ prev_background_color=”#000000″][et_pb_row _builder_version=”3.0.105″ custom_padding=”0px|0px|27px|0px”][et_pb_column type=”4_4″][et_pb_image src=”http://katiegoulet.com/wp-content/uploads/2018/04/TheWell-Mock-Up.jpg” _builder_version=”3.0.105″ show_in_lightbox=”off” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” /][/et_pb_column][/et_pb_row][/et_pb_section]

Share This Post

Share on facebook
Share on linkedin
Share on twitter
Share on email

Subscribe To Our Newsletter

Get updates and news about the world of e-commerce websites

More To Explore

Shopify App recomendations - Shopify designer
ECommerce

Essential Apps for your Shopify Store

Shopify is an awesome e-commerce platform that’s affordable, easy to use, and ready to go right out of the box. Shopify stores feature fully-secure checkouts

Web Design Trends for 2019
Design

Webdesign Trends for 2019

Mobile optimization Every year I have more and more clients concerned with how their website looks on the phone and they should be! Websites have

Do You Want To Boost Your Business?

drop us a line and keep in touch

Shopify Plan Comparison Calculator

This easy to use calculator will help you choose which Shopify plan is right for your company.  Enter your email below and we'll deliver it right to your inbox. 

You have Successfully Subscribed!