Growth Driven Website Design For Nonprofits.pdf

In this webinar, Tapp Network experts Jon Hill and Melissa Pitts shared the principles, strategies, and best practices of growth-driven website design tailored specifically for nonprofit organizations. Whether you're looking to launch a new website or revamp your existing one, this webinar will equip you with the knowledge and insights you need to create a dynamic and impactful online presence that drives growth and advances your cause.

1. Growth-Driven Website
Design For Nonprofits
Melissa Pitts & Jon Hill
Tapp Network
07.23.2024

2. 2 © TechSoup Global. All Rights Reserved.
Here’s how to engage in
today’s event:

Questions? Use the Q&A feature.
Check your inbox! We’ll email you the replay, slides,
and resource links within a couple days.
Learn something cool? Share on social media and
tag us @TechSoup
Closed captioning is available. Turn on with the CC
button located in your Zoom menu.

Hosted on

4. Agenda
➔Introduction to Tapp Network
➔Growth-Driven Design
◆Strategy
◆Launchpad Website
◆Continuous Improvement
➔TechSoup Website Services

5. 5 © TechSoup Global. All Rights Reserved.
Introductions
Melissa Pitts has a background in Digital Marketing,
Advertising, and Account Management. She specializes in
developing marketing and technology strategies to meet
each of her client's unique goals.


Melissa Pitts
Director of Client Services
Tapp Network
With 10 years of experience in digital spaces, Jon brings his
expertise in all things web to Tapp as our Web Project
Manager. He has a background in design, development and
project management helping brands both big and small achieve
their visions.
Jon Hill
Web Project Manager
Tapp Network

6. 6 © TechSoup Global. All Rights Reserved.
Empowering
Organizations for
Good
Problem We Solve
Our Why
How We Innovate and Impact
We transform your visionary goals into digital
realities, empowering nonprofits and
government agencies to thrive in today's
dynamic world.
In the new Age of Acceleration, many nonprofits and government
agencies are challenged by a lack of digital infrastructure. This gap
inhibits their ability to keep pace and effectively support the most
vulnerable populations.
Tapp’s mission is more than just business growth; it's about driving
digital innovation across rapidly expanding sectors. We strive to
transfer our knowledge, tools, and technology to government
agencies and nonprofits that are tackling society's most pressing
challenges.
We achieve this by harnessing the power of artificial intelligence,
developing high-impact websites, software, and data-driven
campaigns. Our AI-enabled digital transformation strategies
enhance the positive impact of the organizations we serve and
amplify their engagement with the communities they support.
www.tappnetwork.com

7. 7 © TechSoup Global. All Rights Reserved.
How We Can Help You - Learn More Here

























Strategy
Start with a technology audit and
digital marketing game-plan to
accelerate your growth and market
share within your sector.
Integration & Migration
Build bridges and knock down silos
with simple and painless CRM
integrations and migrations that are
seamless to your team.
E- Commerce
We deploy the transactional services
and software you need to increase
sales across all your audience touch
points.
SEO and Content
Marketing
Build bridges and knock down silos
with simple and painless CRM
integrations and migrations that are
seamless to your team.
HubSpot
Implementation
Ensure a smooth and successful
transition from an alternative solution
to HubSpot, without all the
headaches.
Creative and Branding
Make your brand stand out from your
competitors to reach the right
customers with the right message.
Web and APP
Development
With our 20+ years of experience, we
know your 24/7 salesperson must be
beautiful, functional, and optimized
for your goals.
Sales Enablement
We can help you close the loop
between your marketing and sales
teams—and more desirable deals.
Inbound Marketing
We provide the complete solution to
increasing leads, revenue, and brand
authority as a Platinum Hubspot
Partner
Social Media Marketing
One of the most effective ways to
engage influencers, customers and
prospects to drive brand awareness,
followers, and sales

Paid Media
TAPP makes your budget go further
with a targeted approach to reaching
your buyer personas in search and
social.
Public Relations
Defining the right audience and
media channels to build regional and
national brand recognition as well as
thought leadership.

8. 8 © TechSoup Global. All Rights Reserved.
Poll Question
What is the status of your organization’s website?
A.We do not have a website, but are looking to create one
B.We have a website that we plan to redesign or redevelop in the next 12 months
C.We’re happy with our current website, but it needs some updates
D.We’re happy with our website as is

9. Why are Websites Important
to Nonprofits?
•Enhance Engagement
•Drive Donations + Volunteers
•Educational Tool and Information
•Budget-friendly "Location"
•Data Collection and Insights
•Accessibility and Inclusivity

10. 10 © TechSoup Global. All Rights Reserved.
Scalability &
Flexibility
User
Experience
Integration
Opportunities
What makes a great nonprofit website?

11. Growth-Driven Methodology
For Nonprofit Websites

12. 12 © TechSoup Global. All Rights Reserved.
Difficult to Plan
Nonprofits grow and pivot all of the time. Attempting to plan and
implement technology to support your ever evolving organization and
mission is difficult.
High Cost & Long Timelines
Attempting to plan for the future with little certainty leads to
unnecessary costs and long timelines.
Limited Updates Post-Launch
Time, budget, and resources get burned out during the process and
the new site often sits untouched, requiring the organization to start
this time consuming process over again every 3-5 years.
What’s wrong with traditional website design?

13. 13 © TechSoup Global. All Rights Reserved.

14. 14 © TechSoup Global. All Rights Reserved.
Growth-Driven Design - The Big Picture
strategy
1 3
plan develop learn transfer
launchpad
website
2
Continuous Improvement

15. Phase 1: Strategy
•Target Audience Analysis
•Website Goals
•Content Audit
•Site Structure

16. 16 © TechSoup Global. All Rights Reserved.
Semi-fictional representations of your
stakeholders based on data, previous
interactions and some educated guesses. Used
to help create marketing plans and content that
speaks to your unique audience segments.
Target Audience Analysis &
Persona Development

Resource:
Persona Creator

17. 17 © TechSoup Global. All Rights Reserved.
Content Audit

18. 18 © TechSoup Global. All Rights Reserved.
Site Architecture
Home About Us BlogWhat We Do Get Involved Contact
About Us
Mission
Board of
Directors
Register
Volunteer
Donate
Jobs
Our Impact
Programs
Services
Events
DonateLog In

19. 19 © TechSoup Global. All Rights Reserved.
Phase 2: LaunchPad
Website
•Content Management System (CMS)
•User Experience
•Design
•Initial Integrations

20. 20 © TechSoup Global. All Rights Reserved.
Content Management Systems
Wix

Squarespace
WordPress
Drupal Joomla
Open-Source CMSManaged CMS

21. User Experience
•Personas
•User Journey
•Mobile Responsiveness
•Accessibility
•Integration & Automation Opportunities

22. 22 Copyright © TechSoup Global. All Rights Reserved.
What is a customer journey map?
Touchpoint
1
Touchpoint
3
Touchpoint
4
Touchpoint
2
“A customer journey map is a visual
representation of every experience your
customers have with you.”

23. 23 Copyright © TechSoup Global. All Rights Reserved.
Example: Journey Mapping
Social Posts
Indeed
Search Ads
Provider/Staff
focused Blog
Subscribe and
self-identify as a
provider in form
Provider/Staff
focused
Worksheet
Download worksheet
and self-identify as a
provider
Careers Landing
Page
CRM
Email 1
Email 2
Apply
(Indeed)
3rd Party
Publication
Awareness → Consideration → Engage/Capture → Application → Current Provider
Download .pdf to
learn more about
practice and
services offered
and provide email
Onboard and
Engage
Homepage →
About → Services
Apply
(Indeed)
Automated Email
Response for
Application (Indeed)
Careers
Landing Page

24. 24 Copyright © TechSoup Global. All Rights Reserved.
Mobile Optimization
•Speed
•Sizing
•Layout
•Activity
•Engagement

25. 25 © TechSoup Global. All Rights Reserved.
Mobile Optimization

26. 26 © TechSoup Global. All Rights Reserved.
Common Accessibility
Challenges
•Lack of Alt Text
•Inadequate Color Contrast
•Unclear Navigation
•Non-Responsive Design
•Inaccessible Forms
•Multimedia Accessibility
•Insufficient Text Size and Formatting Options
•Inaccessible PDFs and Documents

27. Image Alt Text
Alt text: People working


Alt text: Financial Aid;
Scholarships; Financial
Literacy; Affordability


Alt text: Chart showing
program enrollment


Alt text: People working and collaborating
at computers on desks in our downtown
Houston open-floor plan office.


Alt text: (left blank)


Alt text: Bar chart showing
program enrollment over an
eight year period, starting in
2006. Enrollment steadily
increases each year.


Correct Incorrect

28. 28 © TechSoup Global. All Rights Reserved.
•Crucial for ensuring that text and images are
perceivable by users with visual
impairments.

•Poor color contrast can make content
difficult or impossible to read for users with
low vision or color blindness.

•Aim for a minimum contrast ratio of 4.5:1 for
normal text and 3:1 for large text (at least
18pt or 14pt bold).

•Check contrast for both text and interactive
elements such as buttons and links.

Color Contrast

29. 29 © TechSoup Global. All Rights Reserved.
Integration & Automation
Opportunities
•Constituent Relationship Management (CRM)
•Marketing Automation Tools
•Donations & Fundraising

30. 30 © TechSoup Global. All Rights Reserved.
Constituent Relationship
Management (CRM)
•The tools, technologies, processes, and
strategies that an organization uses to
manage, improve, and deploy all its
interactions, regardless of audience type.
•Where organizations store constituent records
and then use those records to communicate
with people and drive engagement.
•A data-driven technology that can be leveraged
to send mass communications, automate
recurring processes, and track the success of
campaigns online.

31. HubSpot
HubSpot is an all-in-one communication,
fundraising, and customer service
platform that helps organizations grow
better. It provides a suite of tools that can
help your nonprofit increase support.
With HubSpot, you can manage your
entire constituent journey from one
place, including creating and distributing
content, managing your social media
presence, automating your donation
processes, and tracking your
performance.

32. 32 Copyright © TechSoup Global. All Rights Reserved.
Marketing automation uses software to automate
monotonous marketing work. Marketing departments
can automate repetitive tasks such as email
marketing, social media posting, and even ad
campaigns - not just for the sake of efficiency, but
also to provide a more personalized experience
for their customers.

Examples of Marketing Automation:

•Drip Email Campaigns
•Workflows



Marketing Automation

33. 33 Copyright © TechSoup Global. All Rights Reserved.
Donor Management tools allow you to not
only collect donations online, but also
create a database of potential and existing
donors in order to establish communication
with them. The ability to capture and analyze
donor interactions allows you to customize
your communications and marketing efforts to
optimize fundraising efforts.



Donations & Fundraising

34. Phase 3: Continuous
Improvement
•Evaluate performance based on initial goals
•Collect UX feedback from target audiences
•Learn about your users
•Plan big or small updates to meet goals,
improve UX, and continue to collect feedback.

35. 35 © TechSoup Global. All Rights Reserved.
Updates & Maintenance
•Budget & Timelines
•Available Tools
•Comfort Level

36. Website Development
Tapp Network + TechSoup Website Services

37. 37 © TechSoup Global. All Rights Reserved.
Growth-Driven Custom
Website Development
Utilizing the Growth-Driven Design methodology, we
partner with nonprofits to develop a website strategy,
design and build a custom WordPress website, and
optimize a long-term approach tailored to your
organization’s goals.

Good Fit For
Nonprofits who have outgrown their current CMS, would
like to redesign an existing WordPress site, or are
seeking systems integrations such as member portals,
ecommerce, or donor management.


Starting at
$15,000

38. 38 © TechSoup Global. All Rights Reserved.
Custom Website Development
Strategy Content & Design Development QA, Testing, & Launch
Discovery, Content
Audit, & Scope of Work
At this stage we will identify
design, development, and
integration needs. Each need
will be reviewed and assigned a
priority. Applying the Growth
Driven Design methodology,
high priority items will be
considered for Phase 2:
Launchpad Website, while other
items will be noted and added to
a wish list for consideration
during the continuous growth
phase and beyond.
Tapp Network will collaborate
with the client to design a new
theme in-house that includes
templates for each of the
content types outlined above.
The design process takes into
account user experience best
practices, your organization’s
unique target audiences, and
the learnings from the content
audit.
The design is "mobile-first" and
is created to be responsive (on
common devices and browsers)
and accessible (ADA compliant
for visual impairment and other
common disabilities).

Our developers follow industry
standards for best practices
when building out your website.
These practices apply to the
entire CMS development
process but are particularly
critical when it comes to writing
code, developing databases and
installing plugins. Sites that are
built based on best practices are
scalable for future needs and
more efficient overall.
Custom sites are developed in a
staging environment in order to
allow for thorough testing and
review by both Tapp Network
and the client. At this point we
confirm functionality on all
devices and browsers ensuring
a smooth transition when the
site goes live.
Site Structure
Recommendations &
Custom Website Design
Best Practice
WordPress
Development
Quality Assurance
Testing

39. Website Maintenance & Support
Essentials | Upgrade | Premium

40. 40 © TechSoup Global. All Rights Reserved.

41. 41 © TechSoup Global. All Rights Reserved.
Website Maintenance Services
Starting at
$499/mo

Keeping a website running smoothly is not an easy job! Our
website maintenance services are designed to ensure your
site is always performing at its best. From broken links to
building new pages for your fundraising event, you’ll have
access to the technical experts and can submit requests to
make those repairs or turn that creative website idea into a
reality.
Your dedicated Account Manager will ensure the successful
delivery of requests. Requests are managed through our
ticketing system and timelines will be provided within 48
hours of receiving any request.
Dedicated
Account Manager
Available
9am–8pm EST
No Contract.
Cancel Anytime.

42. Start with the basics!
Creating new website graphics, tweaking website
templates fixing web design errors, updating
website fonts for better design and readability or
website speed optimization.

NONPROFIT ESSENTIALS PACKAGE
$499/month
starting at
Essentials Package PLUS
Access to our design and UX team to build out
custom web pages, landing pages, or setting up
your donation intake or payment provider.
NONPROFIT UPGRADES PACKAGE
$999/month
starting at
Upgrades Package PLUS
Custom applications, custom integrations,
plugin development, integrations with
automation systems, UI/UX designed for highly
customized pages.

NONPROFIT PREMIUM PACKAGE
$1,499
starting at

43. Hosting & Security
for WordPress Websites

44. 44 © TechSoup Global. All Rights Reserved.
Hosting & Security
Starting at
$124/mo

Website Security and Hosting is a TechSoup subscription
service for hosting and securing your organization's
website on the WordPress platform.
What’s Included:
●Let's Encrypt SSL (Secure Sockets Layer) certificate
installation
●Nightly website backups
●Website patches and updates
●Managed PHP version updates
●Cloudflare CDN (content delivery network)
●DNS setup and management
●Caching tools
●Security monitoring, malware scanning, and firewall to
keep websites from being compromised or attacked

45. Any Questions?

46. 46 © TechSoup Global. All Rights Reserved.
Ready to Get Started?
Book a Consultation!
WEB SERVICES

47. Thank You!
Tapp Network
[email protected]
tappnetwork.com