Mary Vann Website Redesign Project …a proposal for website design and development

This proposal proposes a solution that will improve the online marketing effectiveness of Mary Vann, while at the same time make it easy of the Mary Vann staff to update website content with a new Content Management System (CMS). This new CMS will allow the company’s non-technical staff to self-manage the development and maintenance of relevant content that will elevate the site in organic search rankings (SEO), while at the same time support the effective marketing of the company’s real estate services.

Goals for the Website Redesign: The following details the goals that we foresee for the new Mary Vann website. These goals are based on input from the principals of Mary Vann coupled with other goals that TazminWeb routinely proposes for our other client website redesign initiatives.

•

Provide visitors, both customers and prospects with a source of current and comprehensive information regarding the services of Mary Vann;

•

Bring the site up to date from both a technology and design perspective to support new business development with a superior ‘look and feel’ for the website;

•

Incorporate Responsive Design to the website to allow for effective rendering of content on mobile devices;

•

Deliver a Content Management System (CMS) with a capability to easily update content, add or delete pages and managed by non-technical staff;

•

Incorporate logo and tagline; deliver a consistent brand image;

•

Create site which presents searchable content (SEO) in an easy to search and navigate fashion; improved usability and intuitive layout (user-friendly);

•

Incorporate flexible design features to be able to effectively introduce new information and promotion of services;

•

Increase traffic and improve conversion rate to move the prospect through the buying process with improved usability and enticing site design;

•

Deliver website visitor analytics;

•

Create Search Engine Optimization (SEO) “friendly” infrastructure so site can be optimized for improved Search Engine Results Placement (SERP);

The TW Approach to Website Design and Development 1. Website Usability and Accessible through all major browsers, both current and prior releases: a. Microsoft Internet Explorer b. Mozilla Firefox c. Apple Safari d. Google Chrome

2. Superior Graphic Design Optimized for Quick Response 3. Interactive website allowing users to communicate electronically with the Mary Vann Press via contact forms, email, telephone, etc. 4. Search Engine Optimization (SEO) (both Organic & Paid (PPC)) 5. Content Management System (CMS) 6. Responsive design for effective display of website content on mobile devices

Website Usability Focus on positive user experience in addition to aesthetics: •

Visitors should be able to quickly and easily source the information of interest and be encouraged to contact the experts at Mary Vann for further assistance.

•

Design Keys • Intuitive design - visitors should readily understand site content and how to use it • Strong site identity • Make pages easily “scannable” • Clear visual hierarchy • Use of industry standard shopping cart and ecommerce conventions • Clickable items should be obvious • Use of breadcrumbs throughout website • Persistent navigation

Superior Graphic Design TW’s graphic design concepts will reinforce Mary Vann’s brand identity and how the company positions itself in the self-publishing & commemorative book publishing industry. Designs will be clean, well-conceived and executed – inspiring confidence in current and prospective clients. • • • •

At TazminWeb, we create a unique design for each of our client’s website, to reflect the brand positioning of the business. The brand image will be created by utilizing well-thought-out graphics, photography, and layout. TW will adhere strictly to the Mary Vann’s graphic standards and usage guidelines. At TW, we believe that an engaging graphic design reinforces corporate identity and credibility.

Search Engine Optimization (SEO) Infrastructure Setup • • • • • • • • •

Bottom navigation to all main pages Dynamic HTML sitemap with links to all pages Anchor text links to using keywords to appropriate pages Dynamic HTML Sitemap created Dynamic Sitemap.xml Integrate Google Analytics into site architecture Integrate Google Webmaster tools into site architecture Setup 301 redirects for any domain that presently resolves to main domain IP Setup 404 error handling to display message for users and provide search engines a list of all pages

•

Setup robots.txt file to let search engines know the site is available to crawl

Content Management System (CMS) TazminWeb will deploy and configure the website utilizing the latest version of Umbraco, an open source .Net based CMS. • • • •

CMS power and flexibility will allow Mary Vann staff to easily maintain site content. Non-technical authors and editors will be able to quickly add, edit and publish content. The Umbraco CMS will allow various levels of administrative access, so updating can be shared across the organization, if desired. CMS keeps design and content separate ensuring a common and consistent information architecture:    

 • • •

Search Engine Friendly page structure SEO elements maintainable Page Title (50 – 80 characters) Meta keywords (1024 characters based on page content)

Meta description (255 characters) All changes logged in page audit trail Navigation XML and Sitemap XML created upon publish Maintainable branding area keeps product and service spotlights current and relevant

Website Security

•

•

Site will be safeguarded against SQL injections.

 

Site will be safeguarded against SQL injections.



A least privileged account will be utilized with execute permission on stored procedures, no direct table permissions will be provided.



In addition all inputs will be validated.

The published site will not use any SQL connection by default. If a SQL connection is necessary only a stored procedure model of development will be utilized with strongly typed parameterized stored procedures.

Site will be safeguarded against cross-site scripting.



The two most important countermeasures to prevent cross-site scripting attacks are utilized

   

Constrain input. Encode output.

CMS does not accept use of malicious script tags within input In ASP.Net

   

Request validation is enabled Encode HTML output Encode URL output Filter user input

Proposed Site Organization Custom designs will incorporate conventions that have proven successful to the user experience: •

   

Proposed Home Page/Welcome Page  Header  Site Identity (Logo)  Site Utilities (e.g. Home, Contact Us, Site Map) Horizontal Main Navigation (drop down style) Branding Area – Designed to spotlight products, special offers (e.g., white papers) Mary Vann services and reinforce brand promise (all maintainable through CMS) Body Content will, in large part, be repurposed from the existing website Footer o Links to main pages, security and privacy statement o Complete Physical Address, email, phone

 





Links to main pages, security and privacy statement Interactive Branding/Promotion Area  Creation of animated/scrolling branding area to reinforce brand promise, spotlight special offers, products and services, etc. Although this can be developed in Flash, TW recommends utilizing JavaScript to allow the site to be viewed on mobile devices.  Determine content of frames based on goals, desired outcome.  Branding area maintainable through the CMS Overall Requirements  Editable text region (administered via the CMS)  Ability to pause/restart progression of frames  Ability to move forward and backward with progression of frames  Call to action on each frame Responsive Design  Allows website content to effectively be displayed in a browser environment on any mobile device (e.g. smartphone, tablet, etc.) in Apple, Windows & Android platforms.  Allow visitors to easily access and navigate all site content in an intuitive, userfriendly environment.  Achieves much of what can be accomplished with a native Mobile App at a fraction of the cost.

Website Project Estimate Website Graphic Design............................................................................................ $150 Information Architecture/Content Setup and formatting ........................................... $150 Content Management (CMS) Integration & Responsive Design for Mobile Platform Optimization................................................ $800 Initial SEO Setup......................................................................................................... $50 Total Website Redesign ...................................................................................... $ 1, 150

Monthly Service Charges (Optional) Additional design and development services...................................................... $45/hour Monthly SEO-optimized content development.......................................... $100/month

•

Assumes a minimum of 4 pages per month

Social Media set-up & support...................................................................................$300 set-up; $150/month Maintenance of custom graphic design for branding pages/images ................ $90/month •

Minimum 2 hours per month at $45/hour

Payment Terms: •

50% down

•

50% due upon launch/live

Additional Fees: Beyond the services outlined in this proposal, additional work will be estimated and approved by client before work begins. Rates will vary depending on types of services provided. Miscellaneous Payment: All checks are to be made payable to TazminWeb. If interested, a process for wire transfer (EFT) of payments can be arranged. Acceptance: Signatures below indicate the acceptance of the terms of this Statement of Work (SOW). For: Mary Vann

For: TazminWeb

name:

name:

by:

by:

date:

date: