Discovery, Design, Coding, Development, QA, Deployment & SEO / SEM … We’re there for you every step of the way.
Here is a project that we recently worked on for KOBE Range Hoods of Arcadia, CA. This overview is meant to be a general guide to better understand our process and how we work with our clients on an average project. Your project could certainly be more or less involved.
While prior to this point we would have discussed your business and the website objectives in great detail, now is the time to look even deeper to further understand the competitive space we are entering (or are in). We will have you fill out a design questionnaire related to layout, content, colors, fonts, styles, competitors, and so forth. Your responses to the questionnaire will help guide our next conversation and give us the information we need to conduct some necessary research. After this has been completed and reviewed with you, we’ll move onto the next phase, creating wireframes.
A wireframe is a visual guide or blueprint that represents the site pages and elements that will be included, the layout of those items, and the site navigation. Similar to a blueprint for a home, it shows where things will go and how it might generally look. Wireframes help us determine how to arrange elements to best accomplish a particular purpose. We first work on the homepage since all other pages will follow a similar header and footer, and then once approved we create the inner pages. This step works towards a more productive and positive design outcome. You can see a sample homepage wireframe from this particular project on the right.
Now we are ready to work on the design comps. We will first start with the homepage design. Once completed we will have a discussion to walk you through the design, the inspiration, and the logic behind it. Modifications will be made as needed until the design is approved, and once approved we will complete the same process with the inner site pages. Once all designs have been completed we will provide you a full set of Adobe source files that will be yours to keep and we will move onto the coding and programming phase of the website project. The site will likely be built on a platform like WordPress, Magento, Drupal or Xcart, however we also build completely custom websites to spec.
Once the site has been developed we will release the beta version of the site to you. Immediately after that has been released we will begin running our internal quality assurance. This is to ensure that the website is consistent with the designs and everything functions as expected. Typically we are testing the latest 2 stable releases of Chrome, Safari, Firefox, and Internet Explorer. We are also testing on mobile devices and tablets to ensure a consistent experience across all widely used devices. Once we have finished, we will ask you to complete a final review. Next step will be to GO LIVE!
Now that the website has completed the full cycle and has been approved for launch, we will deploy the website from our development server to your hosting account. If necessary we can also help make necessary DNS changes. Once live, we also offer training sessions if needed to give you a better understanding of how to use the website admin to add/edit/delete content and potentially to manage customers and orders.