Page 1

The Marin

Web Design

Process support@marinwebdesign.com www.marinwebdesign.com

Marin Web Design | 822 D St. Suite 6 San Rafael | CA 94901 | (415) 316-1009


The team at Marin Web Design will walk you through our proven process to deliver a turnkey website. We use the following phases and milestones to ensure a high quality product and excellent service. Each area of our 6 step process is critical to your website’s success.

Each phase has a structured process and series of activities that we must complete together. In this brochure, you will see an outline of each process and the steps required to deliver a high quality product and service.

2


01

Discovery and Contract page 4

02

Kickoff Meeting

03

IA and Navigation

04

Design and Visual Content

05

Development

06

Quality Assurance and Launch

page 5

page 8

page 11

page 14

page 15

3


01

x

Discovery and Contract Our skilled sales staff will meet with you to learn more about your online goals. We’ll ask a series of questions about your business in order to understand how we may bring value to you. We’ll also discuss the goals of your website and develop a clear understanding of your project. From this data we’ll be able to accurately produce a proposal and contract. If your project falls outside of our expertise or areas of strength, our sales staff will do our best to recommend or refer you to someone who may be better suited for your project.

4


02 Kickoff Meeting During the kickoff meeting two members of the Marin Web Design team will be present. A project manager and your sales person will meet with you to review the signed agreement, deliverables and fee schedule. If you have any questions regarding the contract this is the perfect time to discuss them. Reviewing the agreement together ensures that we are all moving in the same direction.

5


The project manager will also ask you to sign off on two additional documents:

credit card authorization form The credit card authorization form allows our accounting team to bill any approved recurring software or stock image purchases to your account directly during the course of your project.

web and software credentials form The web and software credentials form allows us to keep a secure record of your website’s login details. It also speeds up the support process on your web project moving forward.

{ { Some of the details that this document will contain are:

Domain Registrar: (GoDaddy, Network Solutions etc.) Database Details: (Examples: MySql)

Hosting Account: (Host Gator, Blue host, etc)

Any third party software that may be used as part of your project (Constant Contact, Facebook etc.)

6


Once these two documents are executed the project manager will take over the meeting and work with you to define a production calendar that has milestones, dates and deliverables that work with your schedule and company resources. If you are prepared for your kickoff meeting with the two signed forms above this will allow us to focus on other areas of your project during this one-hour meeting. If you are not prepared for any reason that is okay too. We’ll be more than happy to walk you through this step of tasks and answer any questions you may have.

7


03 IA and Navigation Our information architecture and copywriting team will walk you through this section of your project. Planning your website’s navigation is a great way to ensure that the design team knowswhat they are designing for. Many usability experts strongly support that design without content is merely a placeholder. The links of your navigation and the text content chosen for you home and inner pages is critical to your project’s completion and the Marin Web Design standard of quality.

8


Once our team has the IA and Copy ready to share we’ll send them over via email and request that you place your comments and revision requests in a detailed email. Once we receive your notes we may work to incorporate them in up to two sets of copy revisions. The process looks a bit like this:

You sign off

We submit IA and Copy

A

A

You submit revisions

We finalize IA and Copy

A

A A We submit second IA and Copy

You submit second revisions

9


If you have existing copy for your website, we can assist you in enhancing it or simply proof it for you. If you do not have existing copy we may interview you via gotomeeting.com and assist you with it. At the end of this major milestone our information architecture and copywriting team will request that you sign off on our standard form:

Acceptance of Acceptance of

Site Structure and Website Content Content Form Form Website

10


04 Design and Visual Content Our skilled design team will work with you to develop a current and beautiful website presence. A few creative exercises and brainstorming activities will be asked of you during this phase.

{ { A few client forms that need to be filled out are: Client Needs Analysis Creative Brief

List of Likes and Dislikes

Home page design mockup, layout and wireframe Inner Page design mockup, layout and wireframe

11


To keep your project on track there are a few visual content

{ {

assets that we must acquire during this phase. They are:

Slideshow images Custom fonts

Inner page article images Stock vector graphics Other stock artwork

We will ask for your approval to bill any required assets to the card on file in your cc authorization from via written email.

By recording the creative meeting via gotomeeting.com our team may efficiently work to design and brainstorm internally to your exact specs and likes. Once our team has proofing asset to share we’ll send them over via email and request that you place your comments and revision requests in a detailed email. Once we receive your notes we may work to incorporate them in up to two sets of revisions.

12


In the event you need an additional set of revisions our project manager must initiate a change order and you will be requested to make payment for additional hours. This will be in the form of a block of time. We do not want to limit your creativity but also must make sure that we are being fair across all accounts. At the end of this major milestone our design team will request that you sign off on our standard form:

Acceptance of

Site Design Form

13


05 Development Once our design team hands off the approved mockups to the production and development team, your new website will be translated into code form. Once our developers have translated your website design into functional code we will send you a proofing link to review the product. At the end of this major milestone our design team will request that you sign off on our standard form:

Acceptance of

Site Development Form 14


06 Quality Assurance and Launch Our team will check each of their respective areas of focus to ensure a high

{

{

quality end product. A few key areas that each team member is checking are: Quality of Code Compression of Images Quality of Copy Overall SEO of website Server configuration Security checks Mobile and tablet functionality

15

Web Design Process  
Web Design Process  
Advertisement