Frack Free Future

Proposal for NationBuilder Website
Design & Development

Code Nation

About Us

Who we are

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 offices 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

Why we do what we do

At Code Nation we believe that change is built from the bottom-up. We know that it’s communities that change the world we live in and make it a better place. We want to help progressive communities 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 going to bring about is what gets us up in the mornings and keeps us working late at night.

Our Experience

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 Australian Labor Party, the Australian Greens, the Colombian Greens, the US Democrats 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, WWF, 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:

Process and Plans



The purpose of this project is to provide the Frack Free Future campaign with the requisite tools and support to continue the work of the Clean Water Healthy Land website.

In order to achieve this, we will design and develop a renewed digital platform for Frack Free Future. The site will be geared towards campaigns and action. Code Nation will deliver a new NationBuilder website to:

  • display complex information in an appealing and engaging way
  • promote the Frack Free Future mission and ongoing campaigns
  • direct traffic towards taking action
  • show the power of the movement through social proof
  • lower barriers to action through ease of navigation and use
  • support access across desktop, tablet and mobile devices

Site Design & Overview

Site Design and Overview

We will create a custom site design and provide all necessary iterations to the design mockups in order to ensure that the website style and layout meets with the needs of the Frack Free Future crew.

Our team will ensure that all design choices are informed by the full extent of available functions offered through the NationBuilder community organising system. The site design will follow all guidelines identified in the Frack Free Future campaign style guide.

The final site will include all components outlined in this proposal. Additionally, our work will incorporate the highest standards of modern web development:

A) User-friendly Navigation and Search

  • Custom header navigation with support for touch devices
  • Footer links and social share features
  • Creation of a custom site-search leveraging Google's developer tools

B) Dynamic Content for Simple Backend Management

  • All content sections across the site will be built to support easy backend management and moderation.
  • No sections will be hard-coded or 'static'.
  • Website pages will include handy admin-only edit links for control panel users to navigate to the relevant backend section to make changes to the page they are viewing

C) Responsive Design

  • The final site will be optimised for desktop, tablet and mobile devices

1. Custom Homepage

1. Custom Homepage

The site design will follow the approved structure and layout determined through our iterative design process. The website's cross-page functionalities will include all components outlined below.

A) Homepage Overview

A custom homepage with powerful imagery and prominent calls to action. This 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 calls to action displayed on transition
  • Beautiful large ‘splash’ imagery
  • Prominent join form and latest action stream
  • A most recent blog / stories feed with links to full content
  • Campaign highlights with an excerpt of the most recent campaigns and "Take Action" buttons for new supporters to get involved
  • An about section with mission statement and featured video (if relevant / desired)
  • A featured petition to promote increased engagement directly from the homepage
  • A share section with social media links

B) Latest Campaigns Stream

  • Displaying teaser images and content excerpts
  • Including button links to full content
  • Supporting different page types (i.e. blog posts, events, petitions)

C) Custom Signup Process

  • Signup form prominent on homepage, in addition to a dedicated signup page
  • Custom data collection and fields
  • Use of social proof to encourage signup

2. Community & Content

2. Community and Content

This section of the website will include dynamic images, text and video content that supports easy backend management. It includes the following range of pages, based on the needs outlined in our initial conversation:

A) Content Pages

  • Your key mission statement and about us page
  • Meet the team
  • Friends and supporters
  • Myths and facts about fracking
  • Key reports and issues summaries

B) Latest News / Blog Page

  • A stream of the most recent articles and posts
  • Dynamic image, text and video content that supports easy backend management
  • Post excerpts include thumbnails, content snippets and button links to the full articles and content
  • Social media share buttons will be automatically generated for each post / article


This section will provide a full list of FAQs that support detailed answers with easy navigation between questions and an accordion feature to enhance the user experience.

This section can easily be reordered and prioritised in the backend, supported by Google Analytics data on which FAQs are receiving the highest page view numbers.

D) Media Releases

  • A stream of featured press releases with editable multi-media and comments features
  • Dynamic image, text and video content that supports easy backend management
  • Press release excerpts include thumbnails graphics, abridged content and links to the full content

    E) Contact Us

    • Contact forms including full name, email address, enquiry / message, and other fields at your discretion.
    • A custom landing page with a personalised thank you message and success notification.

    F) Other Content and Multimedia

      • Optimised for videos and photos
      • Incorporation of static maps and images
      • Development with support for all NationBuilder page types

      G) Social Media Integration and  Tools

      • Twitter content feed with custom design
      • Instagram image stream with custom design
      • Facebook page plugin implemented with responsive design 
      • Supporter activities automatically integrated with Frack Free Future social media accounts

      3. Get Involved Section

      3. Get Involved Section

      This section provides a range of opportunities for new supporters to engage with the Frack Free Future campaign and take action in different ways:

      A) Volunteer Signup Pages

      • Dynamic image, text and video content that supports easy backend management
      • Configuration of multiple volunteer roles or campaign-based volunteer recruitment
      • Increased depth of social media integration through optimised sharing/promotion
      • A stream of recent volunteers to increase engagement through social proof

      B) Event / RSVP Pages

      • A “latest events” section that displays all current events in reverse chronological order (i.e. most recent on top) with thumbnail images and text excerpts
      • Support for ticketed events, both free and priced, with options for multiple purchase bundles.
      • Dynamic RSVP forms that adapt to provide a share / tweet prompt for registered attendees
      • Action stream of latest RSVPs

      C) Data Control

      • Ease of segmentation (e.g. by state) to streamline volunteer management and support your existing engagement practices
      • Empower team leaders with different point people per action page
      • Improved segmentation through targeted data capture

      4. Campaigns Section

      4. Campaigns Section

      The Campaigns section will highlight the key Frack Free Future campaigns and promote the different ways supporters can be involved. It will emphasise the power of the movement through a 'latest action stream' that further encourages supporters to be involved through social proof.

      Our team will create a "Campaigns Centre" with a stream of latest campaigns and actions, coupled with detailed individual campaign pages. These campaigns will each focus on a specific action, including petition signatures and direct email campaigns.

      A) Petition Pages (using NationBuilder Petitions)

      • A featured petition tool that can be included on other pages to promote action on your focal campaign across the site
      • Dynamic petition forms that adapt to provide a share function for existing signatories
      • Custom landing pages to provide implicit reinforcement of the Frack Free Future supporter journey / ladder of engagement
      • An honour-reel stream of latest signatures

        B) Integration of DoGooder / CampaignNow Petitions

        The new Frack Free Future site will also support integration of DoGooder or CampaignNow petitions for particular campaign actions. The level of customisation of these actions depends on the particular plan you use with the chosen service.

        C) Sign Up Pages

        Your optimised signup process will include:

        • Use of social proof to encourage signup
        • Custom landing page and thank you / success notifications
        • Data segmentation based on user responses (e.g. regarding interests or values)
        • Signup form prominent on homepage, in addition to a dedicated signup page
        • Prompts for social share or other actions on form completion
        • Data capture integrates with your mailing list and can be synced with other services (provided they have an active API)
        • Custom data collection and fields

        5. Donate Tools

        5. Donate Tools

        We will leverage NationBuilder's donation page type to develop a custom staged donation process with support for various fundraising initiatives, including paid membership programs and campaign-based donation drives.

        A) Donation Pages

        • Staged donation process designed to maximise conversions
        • Custom landing pages
        • Support for one-off, monthly, or instalment payments
        • Flexibility to integrate with multiple payment processors. We can provide advice on the best fit for your needs, for example a mix of Stripe (to host the complete donation process directly on your website) and PayPal Express (to enable monthly donations at reduced rates).

        B) Campaign-Specific Asks

        • Donation pages can be easily replicated to reflect particular campaign asks
        • Custom progress bars encourage support towards a visible goal
        • Time-based appeals can be created to encourage support through urgency as specific campaign moments arise.

        C) Membership Integration

        The various donation pages could each be configured to match a corresponding level of any desired paid membership program. As part of this process, reminder emails could be automated to alert supporters as their membership nears expiration. We can discuss your specific needs and help create a system of automation or semi-automation to ensure you're getting the most out of NationBuilder's membership feature.

        Process and Timeframes

        Process and Timeframes

        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.

        17 Dec - Approval of project

        20 Dec - First version of website creative completed by Code Nation

        21 Dec - Revisions of initial website mockups provided by Frack Free Future team

        23 Dec - Second iteration on website design

        --- Festive Season (10 day break until Tues 12 Jan) ---

        12 Jan - Further feedback on website creative

        15 Jan - Final confirmation of website design

        18 Jan - Website development commences

        12 February - First live section provided for testing, proofing and revision

        19 February - Feedback incorporated in additional development iteration

        26 February - Full site submitted for testing, proofing and revision

        29 February - Website launched

        Financials & Fine Print


        Project Price

        All pricing based on the original scope of work.

        Fine Print

        Fine Print

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

        Payment should 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 by our standard hourly rate. The client will be advised and asked to approve any such additional hours.


        Frack Free Future
        Website Proposal



        p: (+61) 02 6100 4426

        m: (+57) 302 228 7210