Website Design & Development Deliverables

Transcription

1 Nospario Creative Ltd Suite 9 Anglesey Business Centre Anglesey Road Burton on Trent Staffordshire DE14 3NT richard@nospariocreative.co.uk Tel: Website Design & Development Deliverables Project Quote Ref Client Contact Name Contact Domain Submitted By Cocoon Leasing Websites Design & Development QTE Cocoon Group Rhys Adams rhys.adams@cocoon-group.co.uk cocoonvehicles.co.uk Richard Smith Date Submitted

2 Table of Contents 1 Intellectual Copyright 2 Document History 3 Stakeholder Governance 4 Introduction 5 Project Overview 6 Deliverables 7 Documentation and Training

3 1 Intellectual Copyright Please note that the copyright in this documentation is vested in Nospario Creative. The documentation is therefore issued on the understanding that you agree that it is issued in confidence and that no information as to the contents or subject matter of the documentation or any part thereof arising directly or indirectly there from shall be given orally or in writing or communicated in any manner whatsoever to any third party, whether a firm, individual or Company or any employee thereof, without the prior written consent of Nospario Creative. By reading this document you are regarded as also agreeing to use the documentation only for the purpose for which it was supplied and for no other purpose. No reproduction of the documentation will be made in whole or in part, nor will it be used for tendering or manufacturing purposes except when under an agreement with or without the consent in writing of Nospario Creative, and then only on condition that a note identifying the ownership of the copyright and rules relating to its disclosure and use is clearly affixed to the documentation. 2 Document History Date Version Author Details of Change Richard Smith Initial Version 3 Stakeholder Governance Name Rhys Adams Relationship Critical

4 4 Introduction The purpose of this document is to set out in detail what will be delivered as part of the web design and development project. 5 Project Overview To design and develop new responsive website theme which can be used across all of Cocoon Vehicles websites and deployed to new ones in the future. Wordpress Multisite functionality is going to be taken advantage of to bring control of each of the sites into one place. Some of the advantages of this this will be an increase in the speed of car data upload, a reduction of the risk of problems occurring due to change and a reduction the duplication of maintenance. 6 Deliverables Wireframes, Design & Build The following wireframes will be produced for these pages. These are the skeletal framework of the pages which the design will be laid upon top of. Home About Testimonials News Archive News Article Car List Car Details Apply Online Contact Us Default Page Template Once the wireframes are completed and agreed the designs will be created based upon the layouts of the agreed wireframes. Once the designs have been agreed the website will be built on a domain so that it can be viewed and tested by the client. The approved content will be included. Content Management System

5 The website will be built with a Content Management System (CMS) in place which will give a website administrator the ability to manage the content of the website easily. The following content will be able to be updated using the CMS. Header contact details Footer information Home page text and image sliders Testimonials text Our Team - Individual team members entries image and text via Our Team custom posts Projects Individual project entries images and text via Projects custom posts News Individual blog posts image and text Contact Us All the contact details, map, text and images Default Page Template text and images can be added to pages using this template Social Media Accounts Links to the company's social media accounts will be controlled via Social Media custom posts Content Outline Website Header o Company logo o Navigation menu o Search o Phone number and address o Links to social media accounts Website Footer o Information page links, i.e. Privacy Policy, Cookie Policy, Sitemap o Twitter Feed o Business Address o Opening Hours Home o Image slider detailing latest offers o Overview of the business and services o Calls to action to get in touch via phone call o Latest blog snippet including image o Car finder widgets Search Car Type Car Makes About Us o History of the company, accreditations, testimonials, etc o Image of the offices o Calls to action to get in touch o Car finder widgets - Search o Latest News

6 Car List o List of cars o Car images o Car details o Calls to action to get in touch via phone call o Car finder widgets - Search o Latest News Car Details o Car image o Car details o Related cars o Calls to action to get in touch via phone call o Car finder widgets - Search o Latest News Blog List o Image relating to the blogs o Title of the blogs o Excerpt from the blogs o Call to action to read the full blog articles o Blog categories which can be used to filter the list Blog Article o Featured image relating to the blog article o Categories the blog is associated with o Title of the article o Full article text o Links to related articles o Links to blog categories and archives Apply Online o Form for customers to fill in o Car finder widgets - Search o Latest News Contact Us o Phone numbers o addresses o Office address o Links to social media accounts o Map with link to get directions o Contact form All the content will be supplied to Nospario Creative. We will upload all of this content to the new website. Sitemap

7 Wordpress Multisite Wordpress Multisite will be used for this new collection of websites. Giving the ability for all current and future websites to be controlled from one centralised location. Initially the cocoonvehicles.co.uk website will be moved to the new Multisite platform with the remaining websites being moved over periodically as part of the Website Support Contract. CSV Data Uploads The functionality will be built in so that when the remaining website are moved to the Multisite platform they will read the car data from the one database. In the meantime the current CSV data upload will remain the same with the exception of the cocoonvehicles.com data, this will be uploaded to the new Multisite database. When the remaining websites are moved over they will be set up at that point to use the Multisite database. XML Data Feed Personal and Business long term offer details will be included on the chosen websites by the regular import of an XML Data Feed. Long Term Offers There will be the ability to manually add Long Term Offers to each of the websites using custom post types. Shortcode Functionality

8 The ability to set up new shortcodes with related values in the WP admin which can be used within the content of the CSV uploads. Functionality Included Search all text stored in the database using the CMS will be indexed so it is included in the search Social Media Sharing buttons will be positioned on pages to make it easy for visitors to share the pages content via their social media accounts. When shared an optimised title, excerpt and image will be used from the page. Image Lightbox When visitors to the website click on images of the cars they will be displayed in what is known as a Lightbox. This is where the image is displayed larger and the background becomes darker. The visitor can scroll through the images. Content filters - ability to filter the blogs by selecting the categories to be displayed. list signup - linked to Marketing platform (Mailchimp) Widgets All of the widgets will be built into the theme and be configured so that they are associated with the specific section of the website they are displaying on, i.e. Long Term, Short Term etc. so that they display the relevant information dependant on the page they are on. Find a car Car Selector Slider Car Makes Hottest Deals Car Categories Testimonials Flexible Car Offers Latest News Theme Styling The theme will be configurable in the following ways. Logo upload Colour selection For each new site you will be able to upload a logo and select 2 colours for the text, buttons and background. New Website Set Up

9 The ability to set up new websites will be included. For example you can register a new domain and point this to a new website you have set up in the Multisite admin. Responsive Design The website will be designed and built so that the layout will alter to fit the screen size being used to view it, i.e. Smartphones & Tablets. Website Speed On average the website pages will load in 4 seconds or less. The website s files will be minified prior to being severed to the users browser Server side caching will also be put in place to reduce the regular calls to the database Search Engine Optimisation (SEO) The following will be put in place for your website as part of the build. Creation of unique, descriptive and accurate page titles Creation of meta description for each page Ensuring page URLs are simple and easy to understand Using heading tags appropriately Ensuring search engines can crawl the site to index it correctly using a robot.txt file Sitemap map creation and submission to the 3 major search engines, Google, Bing & Yahoo Analytics Google Analytics will be set up on your websites and you will be given access to the reports so that you can track visitor behaviour and trends. Browser Compatibility Our websites and web applications are tested and optimized for all modern web browsers including, but not limited to the latest versions of Firefox, Safari, Chrome and the latest 3 versions of Internet Explorer. We also test across the major mobile devices. Although we strive to provide absolute cross-browser compatibility, it is impossible to compensate for the lack of web standards support in some browsers. The website will be written to take full advantage of all the modern approaches, ensuring that the website validates to W3C standards. Website Monitoring

10 The websites will be included on our website monitor systems which checks to see the health of a website every 5 minutes. If any problem is identified we are notified by , text message and an alert on our smartphones. Make Live Once the website has been fully tested and it is agreed that the website has been built to required specification we will move the website to the live hosting and domain. 7 Documentation and Training Online documentation will be provided so that you are able to easily administer your website.