SlideShare a Scribd company logo
1 of 2
Download to read offline
Website Audit and Redesign
The following Scheme of Work demonstrates the level of research we undertake to ensure a new
website truly reflects a company’s vision.

Scheme of Work

   1. Introduction
   People buy products and services from people they like, people they trust and people who are
   credible. This is particularly true in a service industry. The website is one of the media to
   communicate this message – will your potential clients like, trust and believe that your service
   matches their needs? A client’s whole experience of selecting your company may hinge on what, at
   first sight, is a small part of the marketing process. Capturing and keeping the client’s attention on
   the website is paramount.

   The overall purpose of a website is to attract clients and encourage them to contact you. The
   website’s secondary function is to educate and inform. Thirdly, websites are users’ preferred source
   for contact details. All your staff should be proud of the website and be keen to let their contacts
   know about it.

   2. Initial Research
      Initial research by Alterra with your team to establish:
           a. Goal setting for the website in order to align the design with the desired audience.
                Some of the questions which need answering include:
                     i. What are the priority groups of users you want to attract to the website?
                    ii. What do you want them to look at?
                   iii. What do you want them to do next?
           b. Analysis of existing website’s statistics.
           c. Definition of the deliverable and scope of the project, including discussion on photos of
                partners and use of video.
           d. Inclusion of new logo
           e. Constraint setting in terms of budget and time.
           f. Critical evaluation of the likely end-user benefits and risks of the project.
           g. Development of a Project Plan

   3. Requirements Analysis
      A Requirements Analysis ensures that the website meets all the end users’ needs. It is an
      analysis which looks at the website form the users’ point of view not from your point of view.
      This is achieved with a Use Case Diagram.

   4. Visual Impact Design
          a. Develop layout and composition using grid theory
          b. Select Browser-safe, relative typeface and font selection
          c. Develop banner and logo position
          d. Select heading and subheadings style
          e. Choose text and background colour
          f. Background texture
          g. Set text leading style and text alignment
          h. Determine use of underline rules

   5. Site Outline design
          a. From Use Case Diagram develop top-level outline
          b. Create second level from the use cases that extend or include primary use cases
c. Assign priorites to each outline element
           d. Develop site map including navigation flow ensuring 3 click rule is embedded and
              avoidance of dead-ends.
           e. Design in external links
           f. Banner
           g. Header and footer
           h. Hyperlinks and icons
           i. Design of icon suite

   6. Usability design
         a. Relative as opposed to fixed fonts
         b. Liquid layout to accommodate browser size variation
         c. Visited links are different colour from non-visited links
         d. Use of breadcrumbs (eg Home>Business>Graphic design>Contact)
         e. Images enhance the message and are not for decoration
         f. Web pages use headings for users who scan and information is divided into manageable
              amounts
         g. Ensure accessible for users with disabilities and for users with different browsers
         h. Fold line positioning for different browsers
         i. Printable format
         j. Consistency from page to page
         k. Call to action
         l. Social media inclusion
         m. Content Management system decisions would be made at this stage

   7. Content design
         a. For each page:
                  i. Gather text, images, photos, downloads, links
                 ii. Co-ordinate text and copyright
                iii. Image selection at the appropriate size and quality.
         b. Photographs and video ensuring it plays in Quicktime, Windows Media Player,etc
         c. Flash animation and/or music can be included unless it detracts from the site’s purpose
         d. Deliver in appropriate form to developers




Amanda Brown BA MSc DIC
Alterra Business Consulting

                                                                             40 Lemsford Village
                                                                             Welwyn Garden City
                                                                                 Herts AL8 7TR

                                                                    01707 373138 | 07947 502760

                                                                     info@alterra-consulting.co.uk

More Related Content

Viewers also liked

Pele Mountain Corporate Presentation
Pele Mountain Corporate PresentationPele Mountain Corporate Presentation
Pele Mountain Corporate PresentationCompany Spotlight
 
Marketing Proposition
Marketing PropositionMarketing Proposition
Marketing PropositionAlterra
 
Etiquette, security & fun with social media
Etiquette, security & fun with social mediaEtiquette, security & fun with social media
Etiquette, security & fun with social mediaJ.R. Atkins, MBA, MDiv
 
Rx15 general wed_800_revised4-6_volkow rx drug summit 2015 final ndv3
Rx15 general wed_800_revised4-6_volkow rx drug summit 2015 final ndv3Rx15 general wed_800_revised4-6_volkow rx drug summit 2015 final ndv3
Rx15 general wed_800_revised4-6_volkow rx drug summit 2015 final ndv3OPUNITE
 

Viewers also liked (6)

Pele Mountain Corporate Presentation
Pele Mountain Corporate PresentationPele Mountain Corporate Presentation
Pele Mountain Corporate Presentation
 
Restorative Commons: Creating Health and Well-Being Through Urban Landscapes
Restorative Commons: Creating Health and Well-Being Through Urban LandscapesRestorative Commons: Creating Health and Well-Being Through Urban Landscapes
Restorative Commons: Creating Health and Well-Being Through Urban Landscapes
 
Marketing Proposition
Marketing PropositionMarketing Proposition
Marketing Proposition
 
Etiquette, security & fun with social media
Etiquette, security & fun with social mediaEtiquette, security & fun with social media
Etiquette, security & fun with social media
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
Rx15 general wed_800_revised4-6_volkow rx drug summit 2015 final ndv3
Rx15 general wed_800_revised4-6_volkow rx drug summit 2015 final ndv3Rx15 general wed_800_revised4-6_volkow rx drug summit 2015 final ndv3
Rx15 general wed_800_revised4-6_volkow rx drug summit 2015 final ndv3
 

Similar to Webdesign Schemeofwork

T2L3.doc
T2L3.docT2L3.doc
T2L3.docbutest
 
1.OUTLINE PLANNING AND DESIGN OF A CATERING WEBSITETABLE OF CO.docx
1.OUTLINE PLANNING AND DESIGN OF A CATERING WEBSITETABLE OF CO.docx1.OUTLINE PLANNING AND DESIGN OF A CATERING WEBSITETABLE OF CO.docx
1.OUTLINE PLANNING AND DESIGN OF A CATERING WEBSITETABLE OF CO.docxjackiewalcutt
 
Mastering Responsive Web Design_ Creating Seamless User Experiences.pdf
Mastering Responsive Web Design_ Creating Seamless User Experiences.pdfMastering Responsive Web Design_ Creating Seamless User Experiences.pdf
Mastering Responsive Web Design_ Creating Seamless User Experiences.pdfGerryspeck
 
Empowerment Technology for Subjectsssssss
Empowerment Technology for SubjectsssssssEmpowerment Technology for Subjectsssssss
Empowerment Technology for SubjectsssssssRouAnnNavarroza
 
Microsoft Word - RFP for Website Design and Hosting
Microsoft Word - RFP for Website Design and HostingMicrosoft Word - RFP for Website Design and Hosting
Microsoft Word - RFP for Website Design and Hostingwebhostingguy
 
Free presentation template for web design projects
Free presentation template for web design projectsFree presentation template for web design projects
Free presentation template for web design projectsThomas Talavera Karslake
 
Bulk Website Designing and Bulk Web Development Service.pdf
Bulk Website Designing and Bulk Web Development Service.pdfBulk Website Designing and Bulk Web Development Service.pdf
Bulk Website Designing and Bulk Web Development Service.pdfIndian Website Company
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?Katy Slemon
 
Website development
Website developmentWebsite development
Website developmentBrizGo
 
Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sampleAdviacent
 
Powerpoint Creative Industry Assessment
Powerpoint Creative Industry AssessmentPowerpoint Creative Industry Assessment
Powerpoint Creative Industry AssessmentEricWishart1
 
Building Your Own Instagram Clone A Comprehensive Guide (1).pdf
Building Your Own Instagram Clone A Comprehensive Guide (1).pdfBuilding Your Own Instagram Clone A Comprehensive Guide (1).pdf
Building Your Own Instagram Clone A Comprehensive Guide (1).pdfOmninosSolution2
 
Zycus Online E- Auction
Zycus Online E- AuctionZycus Online E- Auction
Zycus Online E- AuctionSanjay Mitra
 
Nyc metro rid website development proposal
Nyc metro rid website development proposalNyc metro rid website development proposal
Nyc metro rid website development proposaldarylcrouse
 
know more about Multimedia Design and digital marketing services with- speak...
know more about  Multimedia Design and digital marketing services with- speak...know more about  Multimedia Design and digital marketing services with- speak...
know more about Multimedia Design and digital marketing services with- speak...speakerhead-com
 

Similar to Webdesign Schemeofwork (20)

T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 
1.OUTLINE PLANNING AND DESIGN OF A CATERING WEBSITETABLE OF CO.docx
1.OUTLINE PLANNING AND DESIGN OF A CATERING WEBSITETABLE OF CO.docx1.OUTLINE PLANNING AND DESIGN OF A CATERING WEBSITETABLE OF CO.docx
1.OUTLINE PLANNING AND DESIGN OF A CATERING WEBSITETABLE OF CO.docx
 
Mastering Responsive Web Design_ Creating Seamless User Experiences.pdf
Mastering Responsive Web Design_ Creating Seamless User Experiences.pdfMastering Responsive Web Design_ Creating Seamless User Experiences.pdf
Mastering Responsive Web Design_ Creating Seamless User Experiences.pdf
 
Empowerment Technology for Subjectsssssss
Empowerment Technology for SubjectsssssssEmpowerment Technology for Subjectsssssss
Empowerment Technology for Subjectsssssss
 
Microsoft Word - RFP for Website Design and Hosting
Microsoft Word - RFP for Website Design and HostingMicrosoft Word - RFP for Website Design and Hosting
Microsoft Word - RFP for Website Design and Hosting
 
Free presentation template for web design projects
Free presentation template for web design projectsFree presentation template for web design projects
Free presentation template for web design projects
 
Bulk Website Designing and Bulk Web Development Service.pdf
Bulk Website Designing and Bulk Web Development Service.pdfBulk Website Designing and Bulk Web Development Service.pdf
Bulk Website Designing and Bulk Web Development Service.pdf
 
What is Web Designing?
What is Web Designing?What is Web Designing?
What is Web Designing?
 
Web Design
Web DesignWeb Design
Web Design
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?
 
Website development
Website developmentWebsite development
Website development
 
Mkt460 Week3
Mkt460 Week3Mkt460 Week3
Mkt460 Week3
 
Web site proposal
Web site proposalWeb site proposal
Web site proposal
 
Unit1 2 Webtechnology
Unit1 2 WebtechnologyUnit1 2 Webtechnology
Unit1 2 Webtechnology
 
Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sample
 
Powerpoint Creative Industry Assessment
Powerpoint Creative Industry AssessmentPowerpoint Creative Industry Assessment
Powerpoint Creative Industry Assessment
 
Building Your Own Instagram Clone A Comprehensive Guide (1).pdf
Building Your Own Instagram Clone A Comprehensive Guide (1).pdfBuilding Your Own Instagram Clone A Comprehensive Guide (1).pdf
Building Your Own Instagram Clone A Comprehensive Guide (1).pdf
 
Zycus Online E- Auction
Zycus Online E- AuctionZycus Online E- Auction
Zycus Online E- Auction
 
Nyc metro rid website development proposal
Nyc metro rid website development proposalNyc metro rid website development proposal
Nyc metro rid website development proposal
 
know more about Multimedia Design and digital marketing services with- speak...
know more about  Multimedia Design and digital marketing services with- speak...know more about  Multimedia Design and digital marketing services with- speak...
know more about Multimedia Design and digital marketing services with- speak...
 

More from Alterra

Writing effective online copy
Writing effective online copyWriting effective online copy
Writing effective online copyAlterra
 
App of the Week # Haiku Deck
App of the Week # Haiku DeckApp of the Week # Haiku Deck
App of the Week # Haiku DeckAlterra
 
Create a Social Media Strategy for your Business
Create a Social Media Strategy for your Business Create a Social Media Strategy for your Business
Create a Social Media Strategy for your Business Alterra
 
Social media for Financial Advisers
Social media for Financial AdvisersSocial media for Financial Advisers
Social media for Financial AdvisersAlterra
 
Amanda Brown of Alterra introduces LinkedIn
Amanda Brown of Alterra introduces LinkedInAmanda Brown of Alterra introduces LinkedIn
Amanda Brown of Alterra introduces LinkedInAlterra
 
UK Sport - LinkedIn
UK Sport - LinkedInUK Sport - LinkedIn
UK Sport - LinkedInAlterra
 
Alterra Business Consulting LinkedIn activity
Alterra Business Consulting LinkedIn activityAlterra Business Consulting LinkedIn activity
Alterra Business Consulting LinkedIn activityAlterra
 
The 7 Step Marketing Plan
The 7 Step Marketing PlanThe 7 Step Marketing Plan
The 7 Step Marketing PlanAlterra
 

More from Alterra (8)

Writing effective online copy
Writing effective online copyWriting effective online copy
Writing effective online copy
 
App of the Week # Haiku Deck
App of the Week # Haiku DeckApp of the Week # Haiku Deck
App of the Week # Haiku Deck
 
Create a Social Media Strategy for your Business
Create a Social Media Strategy for your Business Create a Social Media Strategy for your Business
Create a Social Media Strategy for your Business
 
Social media for Financial Advisers
Social media for Financial AdvisersSocial media for Financial Advisers
Social media for Financial Advisers
 
Amanda Brown of Alterra introduces LinkedIn
Amanda Brown of Alterra introduces LinkedInAmanda Brown of Alterra introduces LinkedIn
Amanda Brown of Alterra introduces LinkedIn
 
UK Sport - LinkedIn
UK Sport - LinkedInUK Sport - LinkedIn
UK Sport - LinkedIn
 
Alterra Business Consulting LinkedIn activity
Alterra Business Consulting LinkedIn activityAlterra Business Consulting LinkedIn activity
Alterra Business Consulting LinkedIn activity
 
The 7 Step Marketing Plan
The 7 Step Marketing PlanThe 7 Step Marketing Plan
The 7 Step Marketing Plan
 

Webdesign Schemeofwork

  • 1. Website Audit and Redesign The following Scheme of Work demonstrates the level of research we undertake to ensure a new website truly reflects a company’s vision. Scheme of Work 1. Introduction People buy products and services from people they like, people they trust and people who are credible. This is particularly true in a service industry. The website is one of the media to communicate this message – will your potential clients like, trust and believe that your service matches their needs? A client’s whole experience of selecting your company may hinge on what, at first sight, is a small part of the marketing process. Capturing and keeping the client’s attention on the website is paramount. The overall purpose of a website is to attract clients and encourage them to contact you. The website’s secondary function is to educate and inform. Thirdly, websites are users’ preferred source for contact details. All your staff should be proud of the website and be keen to let their contacts know about it. 2. Initial Research Initial research by Alterra with your team to establish: a. Goal setting for the website in order to align the design with the desired audience. Some of the questions which need answering include: i. What are the priority groups of users you want to attract to the website? ii. What do you want them to look at? iii. What do you want them to do next? b. Analysis of existing website’s statistics. c. Definition of the deliverable and scope of the project, including discussion on photos of partners and use of video. d. Inclusion of new logo e. Constraint setting in terms of budget and time. f. Critical evaluation of the likely end-user benefits and risks of the project. g. Development of a Project Plan 3. Requirements Analysis A Requirements Analysis ensures that the website meets all the end users’ needs. It is an analysis which looks at the website form the users’ point of view not from your point of view. This is achieved with a Use Case Diagram. 4. Visual Impact Design a. Develop layout and composition using grid theory b. Select Browser-safe, relative typeface and font selection c. Develop banner and logo position d. Select heading and subheadings style e. Choose text and background colour f. Background texture g. Set text leading style and text alignment h. Determine use of underline rules 5. Site Outline design a. From Use Case Diagram develop top-level outline b. Create second level from the use cases that extend or include primary use cases
  • 2. c. Assign priorites to each outline element d. Develop site map including navigation flow ensuring 3 click rule is embedded and avoidance of dead-ends. e. Design in external links f. Banner g. Header and footer h. Hyperlinks and icons i. Design of icon suite 6. Usability design a. Relative as opposed to fixed fonts b. Liquid layout to accommodate browser size variation c. Visited links are different colour from non-visited links d. Use of breadcrumbs (eg Home>Business>Graphic design>Contact) e. Images enhance the message and are not for decoration f. Web pages use headings for users who scan and information is divided into manageable amounts g. Ensure accessible for users with disabilities and for users with different browsers h. Fold line positioning for different browsers i. Printable format j. Consistency from page to page k. Call to action l. Social media inclusion m. Content Management system decisions would be made at this stage 7. Content design a. For each page: i. Gather text, images, photos, downloads, links ii. Co-ordinate text and copyright iii. Image selection at the appropriate size and quality. b. Photographs and video ensuring it plays in Quicktime, Windows Media Player,etc c. Flash animation and/or music can be included unless it detracts from the site’s purpose d. Deliver in appropriate form to developers Amanda Brown BA MSc DIC Alterra Business Consulting 40 Lemsford Village Welwyn Garden City Herts AL8 7TR 01707 373138 | 07947 502760 info@alterra-consulting.co.uk