1. Website Development Nine Phases of Website Development Process Ivan Surjanovic, ivan@ipowerlab.comivan@ipowerlab.com Copyright 2014 by iPower Lab, www.ipowerlab.comwww.ipowerlab.com

2. 1. Research and Analysis2. Website Plan3. Domain Name & Hosting Website Development Process 4. Prototype Design5. Coding / Creating the Site6. Content7. Test8. Launch9. Promotion

3. 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

4. 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

6. 1. Research and Analysis2. Website Plan3. Domain Name & Hosting Website Development Process 4. Prototype Design5. Coding / Creating the Site6. Content7. Test8. Launch9. Promotion

7. 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)

14. 1. Research and Analysis2. Website Plan3. Domain Name & Hosting Website Development Process 4. Prototype Design5. Coding / Creating the Site6. Content7. Test8. Launch9. Promotion

15. Website Development Phase #4: Prototype Design Site map Wireframe Site blueprint Visual layout

16. 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

17. Home LocationServicesLoginContactAbout Team Consulting ProjectsDesign Site Map

18. Website Development Phase #4: Prototype Design Site blueprint Shows the relationships between pages and processes

20. Website Development Phase #4: Prototype Design Wireframe Layout of an individual page

23. Website Development Phase #4: Prototype Design Visual layout Includes images, colours, fonts.

25. 1. Research and Analysis2. Website Plan3. Domain Name & Hosting Website Development Process 4. Prototype Design5. Coding / Developing6. Content7. Test8. Launch9. Promotion

26. 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)

29. Website Development Phase #6: Content - Get the content from the company’s marketing team or hire a professional copy writer

30. Website Development Phase #7: Testing http://www.browserstack.com/screenshots - Test the site on different platforms (computers / mobile phones / tablets)

31. 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:

32. 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

33. 1. Research and Analysis2. Website Plan3. Domain Name & Hosting Website Development Process 4. Prototype Design5. Coding / Creating the Site6. Content7. Test8. Launch9. Promotion

34. Website Development Thank You! Ivan Surjanovic, ivan@ipowerlab.comivan@ipowerlab.com Copyright 2014 by iPower Lab www.ipowerlab.com