Really. You do. And if you have one, you need a better one. Today, your brand and your website are often one and the same. It’s essential, then, that your website reflects your best foot forward and acts as a point of pride for your business.

Your site should be your 24/7 business development engine; not a place that merely represents your brand, but one that drives it, grows it, and evolves alongside it.

In other words, your website is not a place to cut corners.

While the sites Werremeyer Creative crafts are widely varied in aesthetic, intent and function, the process we use to create them is consistent by design.

Website Design & Development Process

Once we understand your goals, priorities, target audiences and project expectations, our website design & development process can begin. Here’s how it works:

Step One: Site Architecture & Journey Mapping

During the planning phase, we outline the overall site structure and customer journey. We identify which areas represent critical, unique areas of the site as well as determine site and design structure through the customer eyes. This step is comprised of:

  1. Research
  2. Journey Mapping
  3. Project Planning

Step Two: Content Mapping & Strategy

The early involvement of stakeholders and subject matter experts (before visual or technical specifications are set) provides great insight and makes for a better end result.

Working from the outlined information architecture, we develop content models for what information the pages need to convey, how to prioritize that information, and how to communicate it through a meaningful user experience. We create interactive wireframes and share them with the client team so we can work collaboratively to test and iterate on the content flow.

  1. Card Sorting
  2. Site & Information Architecture
  3. Content Mapping

Step Three: Visual Design

While many may start here, we feel that you need a working understanding of a brand’s true identity before you can express it through design. Therefore, we begin the design process with style explorations which will be the foundation for the website interface and overall experience. We then define a visual experience that represents you and resonates with your audience, and cohesively brings them to life.

  1. Style Explorations
  2. Wireframe / Prototypes
  3. Usability Testing
  4. Visual Design / Pattern Development

Step Four: Continued Visual and Content Creation

After the key pages are established, we’ll work together to complete all remaining layouts for secondary and utility page templates and design and prepare all of the various visual patterns and elements (imagery, icons, buttons, etc.) to be used throughout the site. Throughout it all, we’ll craft content that reflects your brand voice and is optimized for SEO best practices and ADA compliance.

Step Five: Development

This is where the magic happens and our experienced development team breathes life into the approved content map and visual styles. The resultant site is backed by clean, well commented code to truly make your website a living, breathing representation of your brand. The parts are as follows:

  1. Development and Staging Environments
  2. Admin Back-end Architecture
  3. Content Migration
  4. ADA Compliance
  5. Theme Development
  6. Responsive Development
  7. Meta & Title Tags

Step Six: Back-Office Architecture

For us, the user experience is not just what your visitors experience, it extends to the back-office as well. If the folks who will be using it don’t find the CMS easy to use, simple, and intuitive, it has no chance of success and the site will suffer. We work with you to understand how each person will manage their slice of the pie. Your team will be involved every step of the way to become familiar with the CMS and test and provide valuable input well before launch, including:

  1. Content Development and Optimization
  2. Meta & Title Tags
  3. ADA Compliance

Step Seven: User Acceptance Testing

When we’ve gotten the site to a good place and cleared away the dust, we set up the site in a staging environment and provide a link to your team where you will review and test the site, ask questions and provide feedback.

Meanwhile, our Quality Assurance (QA) team will be hard at work stress-testing the site to ensure it can hold up to whatever a visitor can throw at it.

  1. ADA Testing
  2. Cross Browser Testing
  3. Mobile & Responsive Testing
  4. User-acceptance Testing
  5. Site-wide QA

Step Eight: Training

Because our clients are involved early, much of the “training” happens throughout the project lifespan. But, before launch (and after), we’ll provide a refresher and/or additional training for the personnel who will be responsible for updating and maintaining the site.

Step Nine: Launch

After the site-wide review is complete and any work resulting from your feedback has been addressed, we will work with you on the ideal go-live date. On launch day, our development team will push all site files from Staging to the Production (live) server. This process is generally pretty quick, but it can take up to 48 hours for full migration and caching before everyone will see your glorious new website.

Step Ten: Post-Development Support

The web development process doesn’t end after launch. There are several post-deployment tasks that will be carried out by our team, such as providing your team with project documents, working on your feedback and the post-deployment support and/or maintenance.

Because the real test of the site starts once it’s live for the users, we build a good chunk of time in every web project for post-launch fixes, updates, and support.

The results of our process speak for themselves. If your brand needs a new website, or wants to optimize your current site, we strongly recommend you approach your process with the same degree of detail and rigor reflected here. Yes, it’s comprehensive. Yet, we have learned time and time again that upfront work in the design stage saves effort on the back end, and makes the entire user experience a more pleasant and productive one.

Let's talk about your website

Let’s Talk.

Contact Form footer