Website Development Nine Phases of Website Development Process Ivan Surjanovic, [email protected]@ipowerlab.com Copyright 2014 by iPower Lab, .

Website Development

Nine Phases of Website DevelopmentProcess

Ivan Surjanovic, [email protected] 2014 by iPower Lab, www.ipowerlab.com

1. Research and Analysis

2. Website Plan

3. Domain Name & Hosting

Website Development Process

4. Prototype Design

5. Coding / Creating the Site

6. Content

7. Test

8. Launch

9. Promotion

Website Development

Phase #1: Research and Analysis

- Company’s strategic / plan / marketing plan: - Mission & vision

- Situation (SWOT analysis / 5C analysis)- Strategic goals

- Marketing strategies (segmenting-targeting-positioning)

- Marketing mix (4Ps)- Website marketing / website report card

Website Development

Phase #2: Website Plan

- Website objectives (e.g. target traffic, number of subscriptions, leads, conversion rates,

target visibility, online sales)

- Keys to Success (e.g. Content + SEO+ PPC)

- Action plan

1. Research and Analysis

2. Website Plan

3. Domain Name & Hosting

Website Development Process

4. Prototype Design

5. Coding / Creating the Site

6. Content

7. Test

8. Launch

9. Promotion

Website Development

Phase #3: Domain Name and Hosting

1. Purchase your domain name

2. Buy hosting

3. Make sure that the domain name and hosting are mutually connected

(in case you bought the domain name and hosting from two different companies)

1. Research and Analysis

2. Website Plan

3. Domain Name & Hosting

Website Development Process

4. Prototype Design

5. Coding / Creating the Site

6. Content

7. Test

8. Launch

9. Promotion

Website Development

Phase #4: Prototype Design

Site map

Wireframe

Site blueprint

Visual layout

Website Development

Phase #4: Prototype Design

Site map

A graphical or text description of the relationship between different groups of content on a web site

Home

LocationServices Login ContactAbout

Team Consulting

Projects Design

Site Map

Website Development

Phase #4: Prototype Design

Site blueprint

Shows the relationships between pages and processes

Website Development

Phase #4: Prototype Design

Wireframe

Layout of an individual page

Website Development

Phase #4: Prototype Design

Visual layout

Includes images, colours, fonts.

1. Research and Analysis

2. Website Plan

3. Domain Name & Hosting

Website Development Process

4. Prototype Design

5. Coding / Developing

6. Content

7. Test

8. Launch

9. Promotion

Website Development

Phase #5: Coding / Developing

- Hire an experienced programmer

- If you decide to create your own website, try WordPress or similar CMS (content management

system)

Website Development

Phase #6: Content

- Get the content from the company’s marketing team or hire a professional copy writer

Website Development

Phase #7: Testing

http://www.browserstack.com/screenshots

- Test the site on different platforms (computers / mobile phones / tablets)

Website Development

Phase #8: Launch

Announce your new site to only a few people, let them test the site one more time,

then launch publicly

Before launching your site, do a soft launch:

Website Development

Phase #9: Promote

1. Share your URL with your clients (e-mail, social media)

2. SEO

3. Link building

PLUS: use any other web promotion tactics

4. Pay-per-click advertising

1. Research and Analysis

2. Website Plan

3. Domain Name & Hosting

Website Development Process

4. Prototype Design

5. Coding / Creating the Site

6. Content

7. Test

8. Launch

9. Promotion

Website Development

Thank You!

Ivan Surjanovic, [email protected] 2014 by iPower Lab

www.ipowerlab.com