Grata Fund

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 based across Australia and Colombia with clients from around the globe.

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 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 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, 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:

Process and Plans



The purpose of this project is to provide the Grata Fund with the requisite tools and digital infrastructure required to support their work in challenging unjust laws and government decisions via public interest cases.

In order to achieve this, we will design and develop a renewed digital platform for the Grata Fund, geared towards engaging and informing their supporters. Code Nation will deliver a new website to:

  • Attract new supporters, including subscribers and donors
  • Share information about the work of the Grata Fund
  • Simplify the process for content updates and enable your team to easily create, edit and customise pages through a user-friendly CMS
  • Communicate about Grata Fund cases and keep supporters up-to-date
  • Integrate with social media and email communications to facilitate greater sharing of the Grata Fund’s work and achievements
  • Lower barriers to action through ease of navigation and use
  • Display complex information in an appealing and engaging way
  • Promote the Grata Fund and its ongoing projects
  • Support access across desktop, tablet and mobile devices

World Class Design

World Class Design

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 best serves the Grata Fund’s unique needs.

Our team will ensure that your new site design will observe all guidelines identified in the brief and any existing style documents. Additionally, all design choices will be informed by the full extent of available functions offered through the NationBuilder community organising system.

The result will be a site created specifically for your objectives, underpinned by your unique organisational goals and enhanced by the best in digital design:

i) User-friendly Navigation and Search

  • Custom header navigation with support for all devices, including touch
  • Social media integration and share features
  • Creation of a custom site search leveraging Google's developer tools

ii) Responsive Design

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

Custom Site Development

Custom Site Development

Our work combines the highest standards of modern web development with the latest in digital strategy:

i) Built for Action

  • A powerful digital toolset to communicate with your supporters and track their engagement across your website, social media and email updates
  • Use of case studies to motivate your community to support the Grata Fund
  • Support for all NationBuilder action page types

ii) Dynamic Content for Simple Backend Management

  • All content sections across the site will be built to support easy backend management and moderation.
  • 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.

Site Components

1.1 Custom Homepage

1.1 Custom Homepage

A custom homepage with fully-integrated streams of latest content and recent updates about ongoing cases. It will include any and all of the following sections you require, with content that can be easily managed through the backend:

  • About Us panel with text and full image / video support
  • Latest news feed with excerpt text and images, along with links to the full content
  • Prominent "subscribe for updates" form with custom data capture
  • Stream of most recent cases highlighting the latest updates
  • Custom twitter feed featuring your latest posts
  • Promotion of the various avenues for involvement (e.g. subscribing for updates, contacting the team, donating)
  • Share section with social media links
  • Panel highlighting relevant sponsors / partners
  • Footer / site map navigation

1.2 Preliminary Design Option

1.2 Preliminary Design Option

This is an example produced specifically for the Grata Fund to present a preliminary option for your new website design.


2. Community & Content

2. Community and Content

The core content sections of your new site will include dynamic images, text and video content that supports easy backend management. This project includes the following range of sections, based on the needs outlined in your brief:

A) Core Content

  • About us
  • Board and staff
  • Policy Advisory Council
  • Partners and sponsors
  • What we do
  • Flexibility to create additional content pages

B) Stream of Latest News / Updates

  • A blog-style feed of your most recent articles and updates
  • 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 automatically generated for each post / article

C) FAQs (optional)

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.

D) Media Releases (optional)

  • A stream of featured press releases with editable multi-media and comments features
  • Optimised for videos / photos
  • Press release excerpts with thumbnail graphics, abridged content and links to the full release

E) Social Media Integration and Tools

  • Twitter content feed with custom design (optional)
  • Facebook page plugin implemented with responsive design (optional)
  • Supporter activities automatically integrated with Grata Fund social media accounts (e.g. to track your most powerful promoters online)

    3. Our Cases

    3. Our Cases

    This section will highlight the important contributions the Grata Fund is making through public interest litigation and share information regarding active cases to keep supporters up-to-date. It will also promote the different ways supporters can be involved in those achievements, emphasising the power of the Grata Fund's work through a stream of latest cases and actions, coupled with detailed pages explaining individual cases.

    A) Our Cases

    • A stream of latest cases and actions
    • Photo galleries (optional)
    • A carrousel slider highlighting ongoing achievements

    B) Pages Highlighting Individual Cases

    • Easily editable through the NationBuilder CMS to ensure flexibility in updating content and keeping supporters informed
    • Full support for multimedia content including images and video
    • Case-based subscription for updates

    4. Manage Subscribers

    4. Manage Subscribers and Signups

    Ensure your supporters are easily able to subscribe for updates through an optimised signup process. We will build a subscription process to capture relevant data from your supporters for easy use through NationBuilder's native bulk email toolset. The Grata Fund's optimised signup / subscription process will include:

    • A signup form prominent on your new homepage, in addition to a dedicated signup / subscription page
    • Custom landing page and thank you / success notifications
    • Use of social proof to encourage signup (optional)
    • A subscription management page for supporters to subscribe for updates about individual cases.
    • Automatic data segmentation based on user responses (e.g. regarding specific Grata Fund cases or interests)
    • Prompts for social share or other actions in line with the Grata Fund's goals
    • Full support for custom data collection and fields
    • Increased depth of social media integration through optimised sharing / promotion
    • Allow individuals to show their support by offering a paid membership plan that encourages ongoing donations (optional)

    5. Donation Tools

    5. Donation Tools

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

    A) Donation Pages

    • Staged donation process designed to maximise conversions
    • Custom landing pages (where a supporter is redirected after donating)
    • 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) Project-Specific Asks

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

    C) Paid Membership Integration (optional)

    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. If this is of interest, we can discuss your specific needs and ensure you're getting the most out of NationBuilder's membership feature (only available on NationBuilder's "organisation" plan).

    6. Contact Us

    6. Contact Us

    • Allow supporters to get in touch directly and suggest possible cases for the Grata Fund to consider.
    • Contact form including full name, email address, enquiry / message, and other fields at your discretion.
    • Direct contact to specific Grata Fund team members according to the type of enquiry (optional).
    • A custom landing page with a personalised thank you message and success notification.

    Financials & Fine Print

    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.

    Fri 5 Feb - Approval of project

    Fri 12 Feb - First version of website creative completed by Code Nation

    Wed 17 Feb - Revisions and feedback on initial website mockups provided by the Grata Fund team

    Fri 19 Feb - Second iteration on website design

    Mon 22 to Fri 26 Feb - Further feedback and revisions of website mockups (as required)

    Mon 29 Feb - Final confirmation of website creative

    Tues 1 March - Website development commences

    Fri 1 April - First live sections provided for testing, proofing and revision

    Fri 8 April - Feedback incorporated in additional development iteration

    Fri 22 April - Full site submitted for testing, proofing and revision

    Fri 29 April - Website launched

    Project Price

    Project Price

    All pricing based on the original scope of 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.


    Grata Fund
    Website Proposal


    p: (+61) 02 6100 4426
    (+57) 305 257 7821