Our Website Development Process


We have created hundreds of websites over eight years of building and have developed a proven system for taking your ideas, combining them with our expertise, and creating beautiful websites for your business. Please read about our website process below and fill out the Website Concept Worksheet at the bottom of the page so we can get a better understanding of your project.

Our 7 Step Website Development Process

Our website process is a proven method for delivering the best possible website for your business in the shortest time frame with the least amount of redos and mistakes. Every phase is equally important and rely on each other to provide you with the best website experience possible.

Website Process Graphic-v12

In order for each phase to be completed, a signed Milestone document will need to be submitted to your account manager that approves the phase completion. 1 – Research & Requirements We can’t build you a website without a blueprint. In this phase we work with you to understand your project goals and nail down a plan for mocking, designing, and building your new site. We’ll figure out how to best lay out your website’s elements to fit your conversion points, map out special features for your audience, look at competitor sites for design trends, and ensure that your website is exactly what you need to meet your goals. At the end of this phase, you’ll be given a thoroughly researched Requirements Document that fully describes the project. 2 – Wireframing This phase is a crucial step in bringing the written requirements to life. We’ll sketch out each of your website’s screens in Balsamiq so we can begin to visualize the site’s structure. These wireframes are the building blocks for design and ensure that we haven’t missed anything in our Requirements Document. This phase also gives us the chance to rapidly iterate layout choices before starting with the design. At the end of this phase, you’ll be given finalized Wireframe Screens of how the website will be structured. 3 – Web Design When the Requirements Document and Wireframe Screens have been completed, we use them as the core for our website design. The design itself is drawn from a mixture of provided example sites, competition, brand assets, audience research, and our own experience. Designs may go through multiple iterations and modifications before completion and any imagery or text used will be completely customizable in the end product. At the end of this phase, you’ll be given finalized Design Screens of how the website will look after it is built. 4 – Web Development This is perhaps the most straightforward phase – we build the website. All of our websites are fully responsive so they fit on all mobile devices. We will not accept a project requirement for a non-responsive website. At key points during this phase, you will be given access to preview the live development of the website screens. When a screen is complete, you are welcome to provide feedback on it so we can adjust it accordingly. At the end of this phase, you’ll be given finalized Website Files that are yours to modify at will. 5 – Testing Often overlooked, testing is one of the most critical phases of any website project. We test on all major browsers and multiple screen sizes to ensure you receive a site that simply works. Minimizing bugs eliminates downtime and allows us to close the project and add it to our portfolio – a win-win for everyone. 6 – Implementation This phase is an important moment in the website process when we take your website and install it on your server – making the site live for the public eye. It can be a very delicate procedure since every server and site setup is slightly different. Having implemented many websites, we are fully prepared for any hiccups that may occur along the way. At the end of this phase, your website will be live on your server and will constitute full delivery of the project. 7 – Support The website may be live, but it may have a few bugs or be in need of some tweaks. For 10 days after project completion, we will happily assist with fixes, minor tweaks, and help you figure out how to figure everything out. Please feel free to contact us if you have any trouble with the site at any time and we will look into it.

Additional Reading

Next Step: Website Concept Worksheet

Website Concept Worksheet

  • Contact Info
  • What is the URL or expected URL of the website's final location.
  • Business Info
  • What is the concept of this site in a nutshell?
    ex: We run an online fashion publication with a dozen staff members that accepts contributor submissions and sells our ebook products.
  • What is your current tagline or messaging? (1 sentence – no more)
    ex: Fashion Today
  • Define your target market. Age, gender, knowledge of the site subject matter, etc. What are most of your visitors looking for?
    ex: Our visitors are mostly women, ages 18-35, in the United States, and are keen on learning more about upcoming fashion trends.
  • Briefly explain your business & any industry trends or insights that should be considered.
    ex: Our primary income is through advertising. We see a trend in contributor submissions and its ability to increase user engagement and ad impressions.
  • What are the main goals the website needs to achieve? (try and list at least 3 in order of importance)
    ex: We want to 1) increase time on site 2) increase new contributor signups and 3) increase product sales.
  • List links to your competitors. Note any features or elements you like/dislike.
    ex: 1) example.com is really great at featuring contributors and getting new ones to sign up, but the content layouts are really overwhelming.
    2) example.com has a really clean layout that we like, but the header isn't big enough and they don't have enough ad space.
  • Design Info
  • List URLs and notes for websites that have design similar to what you are looking for.
    ex: 1) example.com is really great at featuring contributors and getting new ones to sign up, but the content layouts are really overwhelming.
    2) example.com has a really clean layout that we like, but the header isn't big enough and they don't have enough ad space.
  • List any specific images, functionality, or design elements you would like in the home page design? This is your opportunity to comment on your header, what will be in body / sidebar, footer, layout, etc. You can provide examples from other sites to visually capture your thoughts. Be detailed.
    ex: The header needs to support a logo, 2 navigation menus, search, and social media icons.
    The homepage should have sections for featured posts, recent posts, and our 3 top categories. There should also be a section to feature our top 5 contributors as well as an email signup form.
    The Footer should include links to our top categories, important pages, and our business address.
  • List some adjectives that describe the design style you would like your site to have.
    ex: Clean, white, open, simple, elegant
  • Which color palette do you prefer? List CMYK, Hex Codes, or general color information.
    ex: #F8F8F8, #FF69B4, #FFA5D2
  • If available, please upload a zip file of your company's logo in vector format (.ai / psd), branding guidelines (if any), or style guide (if any).
    Drop files here or
    Accepted file types: zip, jpg, jpeg, png, psd, ai, Max. file size: 50 MB, Max. files: 5.
    • Content Info
    • List other must-have pages. Be detailed.
      ex: About Us, Contact, How It Works, etc.
    • Will you use the website to publish blog posts?
    • Do you have content ready for the new site?
    • Please upload a zip file of your company's marketing assets, wireframes / sitemap, or specific images that can be used for your site.
      Drop files here or
      Accepted file types: zip, jpg, jpeg, png, psd, Max. file size: 50 MB, Max. files: 5.
      • Additional Info
      • Will you need e-commerce / payment processing functionality?
      • Will you run advertisements on 3rd party sites to drive traffic to your website?
      • Will you use the website to publish advertisements?
      • Which hosting provider are you currently using or plan on using for this site? (i.e., WPengine, FlyWheel, GoDaddy, Bluehost, etc) If you do not have a host, we can recommend the most suitable host for your site.
      • Time & Budget
      • Please provide your budget for this project. Please note that we may not take on projects under the $5,000 budget, and that projects can range upwards of $100,000 depending on the requirements. The more details you provide, the more accurately we can determine time and cost. Quality takes time.
      • Select the timeline that best describes your project. Please understand the timeline will have an impact on our proposal.
      • This information is confidential and does not constitute any formal agreement. This is simply for discussion purposes.