[vc_row content_width=”large” equal_height=”” shift_y=”0″ z_index=”0″][vc_column][wvc_process_container help=”” show_line=”no” css=”.vc_custom_1648882013731{padding-top: 10px !important;padding-right: 10px !important;padding-bottom: 10px !important;padding-left: 10px !important;}”][wvc_process_item i_type=”linea-icons” i_icon_linea-icons=”linea-basic-compass” title=”Discovery” color=”white” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Fdiscovery-phase%2F|title:Discovery%20Phase”][wvc_process_item i_type=”linea-icons” i_icon_linea-icons=”linea-basic-pencil-ruler” title=”Planning” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Fplanning-phase%2F|title:Planning%20Phase”][wvc_process_item i_type=”linea-icons” i_icon_linea-icons=”linea-basic-todo-pencil” title=”Design” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Fdesign-phase%2F|title:Design%20Phase”][wvc_process_item i_type=”linea-icons” title=”Development” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Fdevelopment-phase%2F|title:Development%20Phase”][wvc_process_item i_type=”linea-icons” i_icon_linea-icons=”linea-basic-elaboration-cloud-upload” title=”Launching” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Flaunching-phase%2F|title:Launching%20Phase”][/wvc_process_container][/vc_column][/vc_row][vc_row column_type=”block” shift_y=”0″ z_index=”0″ min_height=”500″][vc_column width=”1/2″ shift_x=”0″ shift_y=”0″ z_index=”0″ max_width=”500″][vc_icon type=”linea-icons” icon_linea-icons=”linea-basic-compass” background_style=”rounded-outline” background_color=”white” position=”right_from_title” size=”fa-3x” title_tag=”h2″ title=”Discovery Phase” title_font_size=”24px”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]
The Discovery Phase of the web design process is all about information-gathering. This step is very important for understanding more about client’s business and industry, their target market and customers, and the ultimate goal/aim for the website.
It’s impossible to complete a successful website design process without first knowing what the goals of the project are.
Following researched information points are crucial:
The business or industry that the website will live in
The target market and the details of who the customers are and will be
The ultimate aim and goal of building the website.
[/vc_column_text][vc_button button_type=”hares_button_text” title=”READ MORE” size=”md” align=”right” i_align=”right” i_type=”linearicons” i_icon_linearicons=”lnr-arrow-right-circle” font_weight=”700″ add_icon=”true” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Fdiscovery-phase%2F|title:Discovery%20Phase”][/vc_column][vc_column width=”1/2″ background_type=”image” background_img=”6840″ background_size=”contain” background_effect=”parallax” background_img_lazyload=”1″ add_overlay=”yes” overlay_opacity=”40″ shift_x=”0″ shift_y=”0″ z_index=”0″ border_color=”transparent” border_style=”solid” css=”.vc_custom_1648790417762{border-top-width: 80px !important;border-right-width: 80px !important;border-bottom-width: 80px !important;border-left-width: 80px !important;}”][wvc_admin_helper_text comment=”The image is set in the column background settings.”][vc_empty_space height=”290″][/vc_column][/vc_row][vc_row column_type=”block” shift_y=”0″ z_index=”0″ min_height=”500″][vc_column width=”1/2″ background_type=”image” background_img=”6853″ background_effect=”parallax” background_img_lazyload=”1″ shift_x=”0″ shift_y=”0″ z_index=”0″ border_color=”transparent” border_style=”solid” css=”.vc_custom_1648862448422{border-top-width: 80px !important;border-right-width: 80px !important;border-bottom-width: 80px !important;border-left-width: 80px !important;}”][vc_empty_space height=”290″][/vc_column][vc_column width=”1/2″ shift_x=”0″ shift_y=”0″ z_index=”0″ max_width=”500″][vc_icon type=”linea-icons” icon_linea-icons=”linea-basic-pencil-ruler” background_style=”rounded-outline” background_color=”white” position=”left_from_title” size=”fa-3x” title_tag=”h2″ title=”Planning Phase” title_font_size=”24px”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]
Just like information-gathering, the planning step of website design is a critical part of launching a new website.
As a business owner or website designer, it’s extremely tempting to want to jump right into the design step of building a website. This is mainly because the design phase is obviously the most creative (and enjoyable) part of a project (for most people). However, proper research and planning will help clarify your objectives for the website and guide your design.
Because of this, spending a generous amount of time in this stage of the process is critical to the success of the project.[/vc_column_text][vc_button button_type=”hares_button_text” title=”READ MORE” size=”md” align=”left” i_align=”right” i_type=”linearicons” i_icon_linearicons=”lnr-arrow-right-circle” font_weight=”700″ add_icon=”true” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Fplanning-phase%2F|title:Planning%20Phase”][/vc_column][/vc_row][vc_row column_type=”block” shift_y=”0″ z_index=”0″ min_height=”500″][vc_column width=”1/2″ shift_x=”0″ shift_y=”0″ z_index=”0″ max_width=”500″][vc_icon type=”linea-icons” icon_linea-icons=”linea-basic-todo-pencil” background_style=”rounded-outline” background_color=”white” position=”right_from_title” size=”fa-3x” title_tag=”h2″ title=”Design Phase” title_font_size=”24px”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]
The third step of the web design process is to design how the website will look. In this step, a website wireframe is created with basic web page elements such as the header, navigation, widgets, and so forth.
The wireframe can then be moved into a more realistic mockup using a program such as Photoshop.
The challenge of good web design, like all designs, is balancing form and function. Use the information you gathered in the Discovery and Planning phases to shape the design.
[/vc_column_text][vc_button button_type=”hares_button_text” title=”READ MORE” size=”md” align=”right” i_align=”right” i_type=”linearicons” i_icon_linearicons=”lnr-arrow-right-circle” font_weight=”700″ add_icon=”true” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Fdesign-phase%2F|title:Design%20Phase”][/vc_column][vc_column width=”1/2″ background_type=”image” background_img=”4091″ background_effect=”parallax” background_img_lazyload=”1″ shift_x=”0″ shift_y=”0″ z_index=”0″ border_color=”transparent” border_style=”solid” css=”.vc_custom_1648862330579{border-top-width: 80px !important;border-right-width: 80px !important;border-bottom-width: 80px !important;border-left-width: 80px !important;}”][vc_empty_space height=”290″][/vc_column][/vc_row][vc_row column_type=”block” shift_y=”0″ z_index=”0″ min_height=”500″][vc_column width=”1/2″ background_type=”image” background_img=”6855″ background_effect=”parallax” background_img_lazyload=”1″ shift_x=”0″ shift_y=”0″ z_index=”0″ border_color=”transparent” border_style=”solid” css=”.vc_custom_1648863166985{border-top-width: 80px !important;border-right-width: 80px !important;border-bottom-width: 80px !important;border-left-width: 80px !important;}”][vc_empty_space height=”290″][/vc_column][vc_column width=”1/2″ shift_x=”0″ shift_y=”0″ z_index=”0″ max_width=”500″][vc_icon type=”linea-icons” background_style=”rounded-outline” background_color=”white” position=”left_from_title” size=”fa-3x” title_tag=”h2″ title=”Development Phase” title_font_size=”24px”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]
In the Development Phase, the website design is translated to actual code that makes the website work. This stage can be the most lengthy, so keeping clients informed on the status of the project is very important.
After all, if there’s no communication for a period of time during Development, many clients will assume the worst and could jeopardize the project.
[/vc_column_text][vc_button button_type=”hares_button_text” title=”READ MORE” size=”md” align=”left” i_align=”right” i_type=”linearicons” i_icon_linearicons=”lnr-arrow-right-circle” font_weight=”700″ add_icon=”true” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Fdevelopment-phase%2F|title:Development%20Phase”][/vc_column][/vc_row][vc_row column_type=”block” shift_y=”0″ z_index=”0″ min_height=”500″][vc_column width=”1/2″ shift_x=”0″ shift_y=”0″ z_index=”0″ max_width=”500″][vc_icon type=”linea-icons” icon_linea-icons=”linea-basic-elaboration-cloud-upload” background_style=”rounded-outline” background_color=”white” position=”right_from_title” size=”fa-3x” title_tag=”h2″ title=”Launching Phase” title_font_size=”24px”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]
At long last, it’s finally time to launch the website!
Since there are so many steps involved in launching a website, it’s a good idea to use a checklist to make sure you haven’t missed a step.
[/vc_column_text][vc_button button_type=”hares_button_text” title=”READ MORE” size=”md” align=”right” i_align=”right” i_type=”linearicons” i_icon_linearicons=”lnr-arrow-right-circle” font_weight=”700″ add_icon=”true” link=”url:https%3A%2F%2Fwww.maticproduction.ca%2Fpages%2Flaunching-phase%2F|title:Launching%20Phase”][/vc_column][vc_column width=”1/2″ background_type=”image” background_img=”6857″ background_effect=”parallax” background_img_lazyload=”1″ shift_x=”0″ shift_y=”0″ z_index=”0″ border_color=”transparent” border_style=”solid” css=”.vc_custom_1648863411095{border-top-width: 80px !important;border-right-width: 80px !important;border-bottom-width: 80px !important;border-left-width: 80px !important;}”][vc_empty_space height=”290″][/vc_column][/vc_row]