HQ Projects

The Website Project

Explore The Beta Site

Building A Website

Through understanding & empathy, we are building an experience that is consistently usable, useful, and delightful.

Project Overview

Current Phase

VI. Build

Upcoming MilestonesInteractive Prototype
All Pages / Posts
All Integrations
Start Testing
Begin Launch Prep
Jun 30
Sep 30 – Nov 15
Nov 30 – Dec 30
Dec 30


I. Discovery
II. Define
III. Visualize
IV. Build
V. Test
VI. Implement


Let’s be honest.

Our website and online communications are in need of improvement.

Quite an understatement.

So much so, that fixing it is impossible. We have to start from scratch, and make a whole new website.

A new website that keeps the good parts from the old website, of course.

Let’s dive right in, and start at the base. To successfully make a website about and for the NAWCC, we had to ask “Who is the NAWCC?” and “What does it do?”

And in seeking the answer to those questions, we find the goals for the website project: we must define our identity, unite under a central vision, and analyze our resources and user base.

We want our website to consistently & successfully connect with new visitors and our varied user base alike.

To accomplish this, we’ll be looking at the organization’s unified product as an experience, and everyone that has that experience as a user. This includes everything from interacting with the website, visiting the museum, attending an event, reading a promotional email, and so on.

To successfully make a website about and for the NAWCC, we had to ask “Who is the NAWCC?” and “What does it do?”

Progress Details

I. Discovery

October 2018 – January 2019

Stakeholder Interview
Business Needs & Goals  
Technical needs 
Pre-existing tools 
User Analysis Users & User Personas 
User Research 
User Scenarios / Journeys 
User Objectives 
Content Analysis  Content Inventory 
Content Types 
Content Sorting 
Market Research Competitors  

II. Define Objectives

December 2018 – January 2019

Define Brand
Business Objectives
Brand Identity
Define UX Objectives • UX Objectives
• Technical Requirements 
Define Content Strategy• Content Strategy
• Categorize: Headings, subtitles, paragraphs, etc 

III. Visualize

December 2018 – January 2019

Information Architecture
Tool Integration Points
Visual DesignTypography
Images + Icons
Modular ComponentsWireframes (Low Fidelity)
Mockups (High Fidelity)
Website Style Guide
Forms Sharing

Current Phase

IV. Build

December 2018 – December 2019

Frontend Code
Interactive Prototype (beta website)
CMS: set up + customize
Frontend Scaffolding (HTML5 / CSS3 / Javascript)
Frontend components + features
WordPress: categories, tags, plugins, templates, blocks + custom fields
Backend Development • Connect Database
• Change Servers
• Install CMS
• Search Configuration
• Set up URLs / redirects
Content MigrationCreate pages, posts, CTAs
Migrate useful old site content
Train content owners to create, edit + delete posts

V. Test

December 2018 – January 2019

Quality Assurance (QA)
QA Test Results
Business Analysis (BA)BA Test Results 
User TestingUser Testing Results



VI. Implement

December 2018 – January 2019

User Onboarding
Help Guides
Feedback Methods
Technical Specifications
Soft LaunchNew Website > Publicly Visible
Old Website > moved, but still available



Website Posts

Progress Update | 9-13

Progress Update | 9-5

Written by Admin

Components: Icon Title + List Of Links

Written by Admin

Title + Icon List of Links

Component Showcase

Written by Admin

Title + Icon List of Links Icon Block Post List Post List – By Category

Circular Progress Bars

Written by Admin

Overall % Overall % Overall % Overall % Overall % Overall % Overall % Overall %

Progress Update | 8-16

Written by Admin

Website To Do

Written by Admin

Progress Update | 8-3

Written by Admin

Here’s what we’ve been working on: Pages: Website Project Donate For All Time Posts: For All Time: Cash Matching Challenge […]

The Website Project Landing Page

Written by Admin

To facilitate communication about the status of the website, we put together a handy landing page. On that page, you’ll […]