Web design build presentation 2012

1. Target Audience
Who are they?

2. The Target Audience
Identifying the Target Audience enables you to ...

Create a website map / Build a website structure

Identify the visual message of your new website (look and feel)

Identify suitable images / photography

Write target related content

Identify related keywords for the search engines

Target visitors browsing capabilities / preferences

Reduces the risk of personalising design decisions

Identify specific social media integration

3. Prioritising your Target Audience
Who are they?

4. 3Phases

5. Phases
Phase 1: Planning

6. Phases
Phase 1: Planning
Phase 2: Design

7. Phases
Phase 1: Planning
Phase 2: Design
Phase 3: Build

8. Phase 1: Planning
Planning meeting 1 (Site Mapping)

Discuss set-up of current Hosting, Domain Name, Email etc

Discuss current company identity (logos, colour etc.)

Page identification, card sorting, website structure/mapping

Other functionality (news, photo gallery, feeds, private pages etc)

Responsive Design (Mobile and Desktop)

Inclusion and use of Social Media (Twitter, Facebook etc)
Sign-off of website map

9. Phase 2: Design
Planning meeting 2 (Design)

Meeting arranged to discuss look and feel/visual message of new website

look at competitors websites – examine why they work/fail

discuss visual features of the new website (typography, images etc)

Discuss the visual message of the new website

Images, photos, logo and any other related content sent to Suspire Media

Wire-frames/website concepts/layouts designed and submitted

Layouts sent to client for feedback. Revisions/tweaks made

Mobile layout – reflecting desktop site completed. Revisions/tweaks made
Sign-off of website concept/s

10. Phase 3: Build

Hosting identified and set-up

Website templates created ... graphics, HTML, light-scripting & CSS

Cross Browser / Platform / Accessibility / Usability Testing

Installation of CMS on server

Configuration/Styling of CMS and related Modules

Template Integration. HTML/CSS/Images imported into CMS

Structure created (based on the website map)

All final Copy, Images, Files etc added/uploaded to site

Final website tests

CMS Training and launch of website

11. CMS Training

12. Responsive
Design

13. Desktop and Mobile
http://www.thinkwithgoogle.com/mobileplanet/en/

14. Responsive: Design / Phones

15. Responsive: Design / Tablets

16. Responsive: Design / Orientation

17. Finished product: Tablet

18. Finished product: Phone

19. www.suspiremedia.co.uk