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

support@marinwebdesign.comwww.marinwebdesign.com

The Marin Web Design

Process

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

Discovery and Contractpage 4

page 5

page 8

page 11

page 14

page 15

Kickoff Meeting

IA and Navigation

Design and Visual Content

Development

Quality Assurance andLaunch

01

02

03

04

05

063

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.

Discovery and Contract

01 x

4

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.

Kickoff Meeting

02

5

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

additional documents:

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.

credit card authorization form

web and software credentials formThe 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

03IA and NavigationOur 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

We submit IA and Copy You sign off

You submit revisions

We submit second IA and Copy

You submit second revisions

We finalize IA and Copy

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:

A

AA

A

A

9

Website Content FormAcceptance of Site Structure and

Website Content Form

Acceptance of

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:

10

04Design and Visual ContentOur 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.

Client Needs Analysis

Creative Brief

List of Likes and Dislikes

Home page design mockup,layout and wireframe

Inner Page design mockup, layout and wireframe

A few client forms that need to be filled out are:

{ {11

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.

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

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

{{

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:

Site Design FormAcceptance of

13

05DevelopmentOnce 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:

Site Development FormAcceptance of

14

06Quality 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