Step 1 - Learning & Discovery

Similar documents
Development Methodology TM

Interactive Media CTAG Alignments

Web Development IB PRECISION EXAMS

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab

Standard Design Reference

PRODUCTION PHASES CHANGES

Adobe Web Authoring using Adobe Dreamweaver Exam and objectives

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping

Content Management System Development Approach

WORKING PROCESS & WEBSITE BEST PRACTICES Refresh Creative Media

3Lesson 3: Web Project Management Fundamentals Objectives

BASE STANDARD PREMIER. PRICE 290 p/m 723 p/m 1809 p/m SEO (SEARCH ENGINE OPTIMIZATION)

Proposal for the design and development of the Compass Land Consultants website

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC

The Process. Designing a website is more than just Photoshop and code

Website Report for test.com

Sunday, October 23, Web Design Process

Identify how the use of different browsers and devices affects the look of a webpage. Competencies

WORLDSKILLS STANDARD SPECIFICATION

Website Report for facebook.com

MELISSA CRADDOCK USER EXPERIENCE PRODUCT DESIGN LEAD

Website Report for

PrinceMorrison, LLP PREPARED FOR: REGINA PRINCE OF PRINCEMORRISON, LLP PREPARED BY : SAVY AGENCY SAVY PROPOSAL: NO

Booth Mar 2018 OUHK Career Fair 2018 Job Openings of Participating Employers. A. Company Name Networld Technology Limited. B.

Website Report for bangaloregastro.com

WEB DESIGN 8 PHASES OF THE DESIGN PROCESS. By da Creative Team

Theme Plus Site Statement of Work (SOW)

CompuScholar, Inc. Alignment to Utah's Web Development I Standards

Morgan Landis

Website Design HAC

Website Report for colourways.com.au

Basics of Web Technologies

Department of Digital Media Handbook. Projected Schedule

Unit code: J/601/1286 QCF Level 4: BTEC Higher National Credit value: 15

Web 101. Thursday, February 14, 13

SEARCH ENGINE MARKETING (SEM)

The main website for Henrico County, henrico.us, received a complete visual and structural

Washington State Emergency Management Association (WSEMA) Olympia, WA

Website SEO Checklist

Voluntary Product Accessibility Template

Web Page, Digital/Multimedia and Information Resources Design CIP Task Grid

WEB DESIGNER CAREER BLUEPRINT

Unit 3 Building a basic client website

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the

Typical Website Design & Development process

ACA Dreamweaver Exam Notes

('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1

1D CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist Apr 2018

Website Report for

SEGUE DISCOVERY PARTICIPATION IN DISCOVERY DISCOVERY DELIVERABLES. Discovery

Search Enginge Optimization (SEO) Proposal

Blue Compass Interactive, LLC

Website Audit Report

Executive Summary About Members Capabilities [but not limited to] Experiences and Knowledge Base Clients Conclusion Contact

Site Documentation for ndiesslin.com

HALTON SKILLS COMPETITION WEBSITE DEVELOPMENT SCOPE SECONDARY LEVEL Coordinator: Ron Boyd,

James Woods Regional High School Information Technology Systems

Software. Full Stack Web Development Intensive, Fall Lecture Topics. Class Sessions. Grading

SECRETS OF A GREAT WEBSITE DESIGN

Web Portfolio Design and Applications

TEXAS A&M AGRILIFE EXTENSION SERVICE PROCEDURES

Tracking System for Job Applicants Sprint Schedule and Overview. By Erik Flowers

Chapter 2 Web Development Overview

WEB DEVELOPMENT PROPOSAL

CURZON PR BUYER S GUIDE WEBSITE DEVELOPMENT

SEO Toolkit Keyword and Competitor Research and On Page Optimisation

Responsive Redesign dispatch.com 10tv.com thisweeknews.com

TERMS OF REFERENCE Design and website development UNDG Website

Entrants should have experience of creating web sites, and working with HTML5, cascading style sheets and JavaScript.

Description: Learning Outcomes:

CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist. ( Add-On ) 16 Sep 2018

Flash Domain 2: Identifying Rich Media Design Elements

STRANDS AND STANDARDS

Entry Level Assessment Blueprint Web Design

Integrating Your Mission with Your Website

SEO Authority Score: 40.0%

Passionate designer with a love for solving design problems using feasible and creative solutions

Using Hippo CMS to Manage Accessible Web Sites

Here are our Advanced SEO Packages designed to help your business succeed further.

MATERIALS AND INFORMATION NEEDED: To assess the accessibility of your website you will need:

Graphic Design/Publishing Digital Marketing elearning Epub Microsoft Office

CG: Computer Graphics

February 12, City of Asheville 70 Court Plaza Asheville, NC 28802

MCMUNN & YATES BUILDING SUPPLIES

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

Guide To An Effective Website Development Process

Digital Media II. EXAM INFORMATION Items. Points. Prerequisites. Grade Level. Course Length. Career Cluster. Performance Standards

Work Break Down Structure

Did you know that SEO increases traffic, leads and sales? SEO = More Website Visitors More Traffic = More Leads More Leads= More Sales

SQA Advanced Unit specification. General information for centres. Unit title: Web Development Fundamentals. Unit code: HR7M 47

DESIGN WHITE PAPER EVERYTHING IS BEAUTIFUL. POP IS EVERYTHING.

Adobe Dreamweaver CS6 Digital Classroom

Website review dada-jd.com

VISUAL DESIGNER CAREER BLUEPRINT

Website Name. Project Code: # SEO Recommendations Report. Version: 1.0

Website review excitesubmit.com

SEO. Definitions/Acronyms. Definitions/Acronyms

BUYER S GUIDE WEBSITE DEVELOPMENT

Web Design AOS. Program Guide. web design AOS program guide

HKUST WEBSITE GUIDELINES LAST UPDATED _ AUGUST 2018

Transcription:

OUR PROCESS

Our goal as a integrated marketing agency is to provide clients with the most creative and effective solutions for their business. Reaching that goal begins with our Learning and Discovery step- which provides a clear, thorough road map for both our client and us that helps us stay focused throughout the life of a project. Conceived, tested, and refined to adapt to the needs of each individual client, our process provides structure and consistent reevaluation so that every decision is made with the end-goal in mind. The result is exceptional work that fulfills the project goals while exceeding client expectations. Step 1 - Learning & Discovery Listen Design, Development, and marketing meet with the client and hear their story Thorough discussion; Q&A Record key information Gather Study, discuss, and evaluate data, facts, and relevant information Evaluate existing content Examine Brand guidelines and restrictions Obtain and review project assets (photography, graphics, etc.) Evaluate analytics Assess Establish web server environment and constraints Evaluate databases and any third party software Evaluate current CMS Full website audit Determine new CMS requirements and website functionality Assess content and content types (e.g. text, photos, forms etc.) Define website admin and user needs Research Find and consider external resources of data, facts, and relevant information Perform competitive analysis Obtain relevant market research Research possible CMS alternatives; illustrate findings Explore technologies to best deliver the websites content Define Determine key problems and challenges Outline and define project goals Define medium(s) of delivery (e.g. desktop, mobile browsers etc.) Define security needs, where applicable Presentation & Evaluation Present Project Brief

Step 2 - Planning & Exploration Brainstorming Consider challenges and project goals Brainstorm concepts and solutions Create rough content outline Sitemap Design Develop content hierarchy Create flow chart(s) illustrating site structure Content Planning Define content and functionality as it relates to sitemap Strategize content, considering project goals, hierarchy and SEO Presentation & Evaluation Present Sitemap and Content Breakdown Communicate reasoning and purpose Step 3 - Information Architecture Sketching Visualize and experiment with initial wireframe concepts Wireframing Propose visual structure, considering content hierarchy and strategy Shape user experience Statically illustrate functionality Presentation & Evaluation Present Wireframes Communicate reasoning and purpose Step 4 - Design Brainstorming Collaborate on defining creative and conceptual direction Consider Brand consistency (guidelines) Determine visual strategy

Sketching Visualize, test, and refine creative direction Digitize sketches Execution & Implementation Apply visual concepts to approved Wireframes Utilize, create, or acquire assets (photography, graphics, type, etc.) Create polished comp(s) Statically illustrate functionality Presentation & Evaluation Present Comp(s) Communicate reasoning and purpose Confirm creative/visual direction Development Overview Our duty as web developers, is to provide the most efficient means for realizing our design teams vision. In order to do this and stay current with technology, we are constantly doing our due diligence, and revising our Development Process of which, the end goal is a website that uses the most widely supported technologies, takes advantage of current and future techniques, degrades gracefully, meets all web accessibility requirements and is section 508 compliant. Step 5 - Design Hand off Prepare Collect final designs Acquire relevant design assets (e.g. fonts, photoshop documents) Review Front-end Dev and Design Teams to review designs Discuss flowcharts and blueprints Define & Document Define content and content types Outline methods of handling static and dynamic content Determine best methods for displaying the content

Step 6 - Front End Development Structure & Content Create (X)HTML documents that match the designs content and visual hierarchy Remain mindful of content value as it pertains to SEO Reuse global elements to decrease bandwidth usage Design & Styling Create web friendly image assets and sprites Develop style sheets for screen, print and mobile mediums Animate Make use of jquery for moving parts Use HTML5 and Flash for video components Testing & Usability Ensure the static pages meet W3C standards Ensure that all content and markup is Section 508 Compliant Test for consistency on all supported browsers and operating systems Perform human testing for comprehension and usability Review & Evaluation Compare static pages with design comps Confirm accuracy and consistency with Design Team Step 7 - Front End Hand off Prepare Package all development documents Include design comps for reference Review & Transition Review all planning and documentation in person, with Back End Team Schedule reoccurring progress meetings Field any questions or concerns Step - 8 Back End Development (CMS) Monitoring Evaluate progress at regular intervals Confirm continuity and consistency with blueprint Ensure standards and compliance is maintained Provide feedback

Testing & Usability Testing full functionality of CMS on staging server Test for consistency on all supported browsers and operating systems Perform human testing for comprehension and usability Track bugs and confirm fixes. Regression testing Validate markup CSS Validation Server load testing Mobile evaluation (optional) Final Evaluation Confirm usability and methodology Approval Step 9 - Content Loading Gather Obtain final text and verbiage Acquire final photos and videos Final content analysis Step 10 - On-page Optimization Keyword Research and Implementation Internal Linking Strategy Optimization of Navigational Elements Title Tag Optimization Through Best-Practices Resolution of Duplicate Content Issues Compose, Code & Optimize Title Attributes Meta Tag Composition & Optimization Through Best-Practice Compose and Code Alt Attribute Descriptions Anchor Text Optimization Create HTML & XML Sitemaps (Submit to Major Engines) Step 11 - Hand-off to Client (Optional) Prepare Provide training resources Supply administration credentials Provide personal training and support

Testing & Review Perform UAT (User Acceptance Testing) Review results Create a plan of action and provide supporting documents, if needed Final approval Step 12 - Launching Website Integration Into Production Environment Test and verify technologies used are working in expected manner Confirm site wide functionality On site implementation Launch Determine optimal launch day and date (likely over a weekend) Final tests to confirm site wide functionality and continuit Step 13 - Support Technical Provide full technical support for 60 days after launch Phone & Ticket Support Available ongoing Ongoing evaluation and content support Provide continued evaluation of analytics and user experience Step 14 - Ongoing Marketing Strategy Execution and support of all marketing strategies Content development Social media SEO Print Video PR Lead Generation Email marketing Review,, Report, Repeat success