Our Process

 Home /Our Process

Our Website Design & Development Process Steps needed to be taken from start to finish in order to complete a typical Web project.
Our process is part of all of our contracts and includes clarifying how certain steps are tied to deliverable dates and proposed budgets. This makes certain that a client will at the very least be aware of this before even deciding to engage in any work with us.

PLAN

Meet up and get to know each other.
Project Discovery – Discuss business background, environment, goals, vision, competitors, target audience, content requirements, reference sites, purpose of the site, materials & available assets. Collect and analyze the information you’ll need to justify the budget and resources required. These will result in roadmap throughout.
Brainstorm – Our team will brainstorm and analyze the project needs to realize your vision on white board through ideation, mind maps and creative strategies.
Sitemap – maps out the website architecture, defining sections, pages, their flow, links to each other with content hierarchy and overall navigation.
Research – We will conduct primary and secondary research to identify and analyze the competition.
Project Scope – The project charter sums up the information that has been gathered and agreed. Establish communication protocols, milestones, timelines, deliverables, scope, roles and expectations. Timeframe of each step and the dependencies between steps. Letting the client and the team know that the delivery schedule is dependent on everyone hitting their marks; if someone misses a date by a day, the schedule shifts by a day.
Requirements – Determine required software and resources (stock photography, fonts, etc.)
Strategy Plan – on what to build and how to build.
Build Contracts that define roles, copyright, timelines and financial points.



 

DESIGN

Wireframes – Designing visual layout of the website pages using information gathered from planning phase.
Visual Mock-ups – Put a face to the project plan based on all approved requirements. Designing beautiful visual mockups. Photoshop design allows for easy modification in layers. Layer in the branding elements, color palettes, and typography that give each site its unique look and feel and interface details.
Incorporate company’s identity element such as logo or colors in visualizing the web site.
User Interface & Experience – Our talented designers will create the UI Designs based on the design brief and wireframes and enhance the look and feel and the user experience.
Review & approval Cycle – Constant feedback loop. A cycle of reviewing, tweaking and revising the mock-ups until we have approvals. This is the easiest time to make changes, not after the design has been coded.
Slice and Code valid XHTML/CSS. We nail the design before we start coding.

DEVELOPMENT

Development Framework – With design approved, it’s time to build HTML/CSS/JavaScript theme and template. Coding clean, efficient code that leverages the current best practices. We’ll make sure all content is governed by CSS and meets W3C standards. We’ll use JavaScript for interactive elements, rather than Flash or Silverlight. We’ll also help you adhere to best practices for online readability, and include a print CSS for readers that want to print out your content.
CMS Build – Get the CMS engine up and running. Build out all of the site’s modular elements and e‐commerce components, and set up a workflow process that will help you maintain your content over the long term. This process goes hand-in-hand with the CMS Template Implementation, which will integrate the HTML templates into the design or theme layer. Code approved templates for each page type.
Cross-Browser Testing – Test thoroughly across major web browsers (Firefox, Safari, Internet Explorer) and devices (i.e. laptops, tablets, iPad, iPhone, Blackberry, Android, etc.)
SEO – Search Engine Optimization with elements such as title, description and keyword tags which help website achieve higher rankings in the search engines.
Loading Content – whether by developer or the client.
Test Drive the Beta Version – Prior to launch Client test drive the Beta version of project where only internal audiences can view it in order to make certain they're happy with the results. 
Quality Assurance – Our team also tests the product from usability point of view as well as Performance perspective. Test and bug fixes, verify links, functionality, special features, interactivity, Misspellings or broken design elements.

 

LAUNCH

Final Client Review – Respond to any last client’s feedback and do final tweaks and one last round of testing.
Final Polishing – of design elements, deep testing of interactivity and user experience. Final diagnostics using the available tools; code validators, broken-link checkers, website health checks, spell-checker and the like.
Final Cross-Browser Check – (IE, Firefox, Chrome, Safari, Opera, iPhone, BlackBerry).
Archive the current website (if needed) and release the new website to the public viewing.
Launch – Transfer to live server, removing the “Under construction” page. Push the website live. Everyone cheers "Hooray!" 

SUPPORT & TRAINING

Training – Any training or documentation delivered to the client as warranted. We will setup one training session after launching the site. Text and video documentation are prepared to help you understand and use your new CMS and site.
Upgrades – To make certain your project continues to achieve its goals, we'll always be there with you to help your project stay relevant and successful with refinements and upgrades tailored to meet your growing business. 
Packaging Website Files – Providing instructions for use and provide admin panel info.
Hand Off to Client – Make sure the client is satisfied with the product and that all contractual obligations have been met.
Project close – Final documentation.
Support & Maintenance Packages – Websites are living, breathing entities and need constant care and maintenance. Updating content, making changes to the backend and fixing broken links are all in a day’s work. If no packages have already been shared, establish them now. Maintenance packages based on how often you anticipate making changes or additions to your web site. Maintenance items include data update, regular site backups, upgrades, browser compatibility, additional plugin installation, etc. Updates and maintenance are vital so that your website is continuously delivering value to the users.

Contact Us

About Us