National Association of Community Health Centers

Website Design & Development Proposal

Prepared by Code Nation

About Us

About Us

Who we are

Code Nation brings together years of experience working on campaigns in electoral politics, with NGOs, not-for profits and with sustainable businesses. We’re a young, creative agency with staff in Australia and Colombia and clients from across the world.

Our experience and speciality is combining communication strategy with the latest in digital tools. A great campaign is a compelling story, well told - we help you find your narrative and give you the platforms you need to motivate your community to action.

Why we do what we do

At Code Nation we know it’s communities that change the world we live in and make it a better place. We want to help progressive advocates of every type, from across the globe, be stronger. We want people to share more, learn more and create more in collectively building a sustainable future.

Our team is dedicated to equipping activist communities with the digital strategies and tools they need to reach their goals.

Making our small contribution to the big change you're bringing about is what gets us up in the mornings and keeps us working late at night.

Our Experience

Code Nation is a five-star rated NationBuilder creative agency - and the first accredited firm in Latin America. To this outstanding design and technical background we bring the strategic capacity to understand your campaign in context - so we can create the tools you need to pull it all together.

Our team has worked extensively with a wide range of non-profits and campaign organisations, which will serve as an anchor of understanding in meeting your unique needs and objectives.

Our past experience includes work in political campaigns for the the Australian Greens, the Colombian Greens, Sydney's independent Lord Mayor Clover Moore and various emerging parties and independents. Our work in the non-government sector has included support for GetUp, the Sydney Alliance, and other NGOs such as 350.org, WWF, AYCC and Friends of the Earth, as well as unions, community organisations and various social movements across the world, with a particular focus on climate change.

Examples of our work include:

Project Purpose

Project Purpose

The purpose of this project is to provide your team with the requisite tools and digital infrastructure required to support the National Association of Community Health Center's advocacy endeavours.

In order to achieve this, we will design and develop a renewed digital platform for the NACHC, geared towards engaging and informing your supporters. 

Code Nation will deliver this digital platform to:

  • Provide the NACHC with the new tools it requires to support its digital efforts and improve the usability of its NationBuilder site.
  • Attract new supporters, including subscribers to meet the campaign's growth targets
  • Direct website traffic towards taking action
  • Integrate NACHC's website with their database / CRM, so specific content can be shown to users based on their tags and past activities (including special-access content)
  • Simplify the process for content updates and enable your team to easily create, edit and customise pages through NationBuilder's user-friendly CMS
  • Convey NACHC's advocacy endeavours in a neat and modern way
  • Lower barriers to action through ease of navigation and use
  • Create a responsive design with support across desktop, tablet and mobile

World Class Design

World Class Design

Our sites are built for a first-class UX and crafted to support your campaign's ladder of engagement with targeted calls to action and user-specific content. 

1. Process

This planning process will allow for full collaboration with the NACHC team to finalise the details of the new site developments, and produce a coherent user flow and design for supporters as they move throughout the site.

We will structure each call to action as part of your progressive ladder of engagement, designed to maximise conversions. These calls to action will be supported by user-specific content for new signups.

2. Website Mockups & Site Design

Our redesign will employ powerful campaign imagery and prominent calls to action. We will ensure that the site styles suit the NACHC's digital communications strategy through a modern interface.

The focus will be on providing supporters with an engaging site that encourages them to get involved.

3. Revisions

We have outlined set stages for review throughout the process outlined in the timeline provided below. Revisions during the site design process will allow for your feedback to ensure our work is aligned with NACHC's needs.

Our unique design process includes all necessary iterations in order to ensure that the website style meets with your full approval and best serves your advocacy endeavours.









Website Development

Website Development


Process

Our work combines the highest standards of modern web development with the latest in campaign strategy. Your new custom site will be built for action, while utilising dynamic content for simple backend management. Your custom website theme will include:

  • All elements included in your initial brief and discussed during our preliminary scoping meeting (outlined in more detail below)
  • A digital ladder of engagement that encourages supporters to gradually strengthen their connection with the NACHC community.
  • Easy content management and moderation of all content sections across the site
  • Admin-only edit links for control panel users to navigate to the relevant backend section to make changes to the page they are viewing

1. Custom Homepage

A custom layout with powerful imagery and prominent calls to action. The homepage will support fully-integrated streams of latest content and most recent supporter actions. It will include the following sections, all with content that can be easily managed through the backend:

  • Header slider with photos and personalised calls to action displayed on transition
  • A featured action (e.g. petition or volunteer signup) to promote increased engagement directly from the homepage
  • A stream of latest content from the blog or other areas of the site
  • A signup bar for users to easily subscribe for updates
  • A share section with social media links
  • A "Sign up for email list" popup

2. Custom Site Search Tool

We will design and develop an internal site search function with a search bar visible on every page (or embedded on specific pages) with the ability to search by keyword through all of NACHC's website pages and posts. This will allow ease of navigation for visitors whilst on the website and improve their engagement with the NACHC's advocacy content. The NACHC's new site search tool will utilise a google custom search engine to power search results.

3. Login Feature and Special Access Content

NACHC's login feature will allow specific groups of supporters to see personalised content depending on the actions they have taken on NACHC's site or based on tags they have been assigned through the NationBuilder backend. For example users that haven't signed up for updates can be shown a join bar or if a user has already joined they can be asked to sign a featured petition or volunteer or donate, or whatever makes the most sense given the NACHC's ladder of engagement.

The login process will support simple email verification or full password protection, depending on your preferences and the nature of the content you intend to show to specific groups of users. We will work with the NACHC team to customise what supporters will view when they arrive at the site.

4. Personalised action panel

The custom login process will allow the NACHC to personalise their content display to supporters depending on the group they are associated with. For example users in the key contacts program will be able to access an action panel with specific content by logging in to the NACHC's advocacy site. This action panel will have specific campaign asks based on actions the logged in supporter has taken in the past (as well as the tags associated with their profile).

This tool will be developed in a manner that allows the NACHC team to configure new groups of supporters with access to specific content, and to also add new pages containing restricted-access content. This will be achieved using a system of people tags and page tags, so that the following groups (and any others you configure) will have access to certain restricted sections of content:

  • Key contacts program
  • State Legislative Coordinators
  • Advocacy Leadership Program

5. Accordion Feature

The new National Association of Community Health Center's site will have content featured in an accordion-style layout. The accordion feature will have

  • collapsible content windows for certain sections on the site
  • Rollover/accordion effect for text and images

6. Signup Popup

To drive subscription member numbers, Code Nation will develop a Signup popup for the new NACHC site. The signup modal can be design to be shown on arriving to the page or timed to popup after a short period.

  • A "Sign up for email list" popup to drive subscriptions. This can be configurable on any page
  • Signup splash page

7. Autocomplete form fields

Code Nation will include autocomplete form fields across NACHC's advocacy site. For example the autocomplete will pre-populate the field for community health centers on the signup form. This will encourage visitors to complete forms throughout the site which will increase the number of visitors taking action. The NACHC team will confirm the autocomplete options/data before the development phase begins.

8. Additional theme design

The included NACHC theme design will be built with first-class UX and crafted to support the NACHC advocacy site's calls to action. Our design process includes all necessary iterations in order to ensure that the website style meets with your full approval and best serves your advocacy endeavours.


Proposed Timeline

Proposed Timeline

The following timeframes are indicative - comment periods will be iterative but this serves to give a sense of the time required to deliver the project.

Mon, 14 Nov- Approval of project and provision of all necessary materials

Wed, 23 Nov - Initial design phase commences and feedback template provided

Fri, 25 Nov - Completed design feedback doc submitted for implementation

Wed, 30 Nov - Revised design feedback doc implemented

Fri, 2 Dec- Final website design confirmed. Development phase commences

Mon, 19 Dec - Initial development provided for testing, proofing and revision

Wed, 21 Dec - Initial feedback doc completed and review notes sent to Code Nation 

Wed, 04 Jan - Initial feedback doc implemented. Final feedback commences.

Wed, 11 Jan- Final development provided for testing, proofing and revision

Wed, 18 Jan - Final development feedback implemented

Fri, 27 Jan - Site Launched

Project Price

Project Price

This quote is based on the original scope of the work, as detailed in this proposal.

Fine Print

Fine Print

Costs exclude website hosting and domain fees; NationBuilder monthly pricing; image licensing fees; and ongoing technical support.

Payment will be made in two instalments, 50% upon commencement and 50% upon final project delivery.

Work outside or beyond the scope of this proposal will be charged at our standard hourly rate. The client will be advised and asked to approve any such additional hours.

e: corey@codenation.com
p: (+61) 02 6100 4426
m: (+61) 481 789 364