Announcing our partnership with Family Coppola to celebrate Ada Lovelace Day!

In 1837, a British mathematician developed the first computer program – Her name was Ada Lovelace. Today, we celebrate Ada Lovelace’s contribution by celebrating her legacy, and the achievements of other women in science, technology, engineering and maths (STEM), on the 2nd Tuesday of October each year. Ada Lovelace Day aims to increase the profile of women in STEM and, in doing so, create new role models who will encourage more girls into STEM careers and support women already working in STEM. 

This year, we’re proud to announce that AnnieCannons is partnering with Family Coppola and its award-winning Great Women Spirits’ Ada Lovelace Gin.  AnnieCannons will be the recipient of the “Cocktails for a Cause: Shake it for Ada” initiative from October 8th through November 30th. This initiative will provide AnnieCannons with the proceeds of any specialty cocktails purchased at one of the participating bars or restaurants. There’s two ways to support this program:

We’re proud to partner with Great Women Spirits to celebrate the contribution of women in STEM, both past and present, and to spread the word about our transformational mission together by celebrating the great Ada Lovelace. 

Our organization is named for Annie Jump Cannon, the leader of the first known lab of female astronomers, and this initiative’s emphasis on women’s achievement is at the core of the holistic programs that we use to help our beneficiaries independently support themselves and their families.

As always, we’d greatly appreciate your support. On this Ada Lovelace Day, please consider donating to the survivors in our program who are learning to code.

Meet Decisioness: AnnieCannons’ app to help you vote smarter

The day after the 2016 election was one of the hardest days ever in an AnnieCannons’ class. That day, through many tears, we learned that our students hadn’t seen anyone on the ballot they felt confident would represent what they needed. Together, we realized that there is a way to get candidates that reflect our shared ideals visibility – to all eligible voters – without the candidate having to spend a ton of money. We also realized that survivors’ ideals were not as different from those with more money or privilege than most people think. Decisioness was born.

Some of the ideals our students cared about will be familiar: abortion access and action on climate change. Others seemed like common issues Americans face, but don’t get as much media attention: stopping out of control spam calls, the lack of real penalties for sexual assault, or the lack of effective privacy protection. On the whole, we know that everyday ways that major corporations take advantage of Americans, including survivors, get too little attention from the politicians those corporations fund.

To effectively fight exploitation, we need to get dark money out of politics and give voters access to candidates that will actually take the action our country needs – regardless of how much money they spend, or their party.

While changing our elections might seem like a pipedream, it isn’t. Fortunately, at AC, we know how to make change most people see as impossible. So, we’re building an app called Decisioness that allows voters to identify the ideals and policies they support, and see which candidates on their ballot support the same ideals and policies – using only their email and zip code. You can click below to watch a quick video about how the app works.


Thanks to seed supporter Anne Devereux-Mills, we’ve been able to build a prototype and design the entire candidate matching experience with pro bono help from the epic UX team at DesignMap. 

Now, we’d love your support to build out the platform that changes elections to better serve the marginalized, including candidate matching, strong security, and crowdsourced ideals and policies. We need $150,000 to launch the app to help Americans vote smarter for the upcoming primaries, general 2020 election, and beyond. You can help us get there with as little as $20 to help a wide range of candidates across the country increase their visibility without corporate donations. You can donate here.

Thanks for being a part of the change our world needs!

Jessica Hubley

CEO

AnnieCannons

#WinningWhileFemale: How to run a company that works for women

We are starting a new content series called #WinningWhileFemale to share a fresh perspective for female founders and business owners on conquering bias and seeing their companies succeed. We thought it would be helpful to share some techniques for a better way to operate that we’ve thought deeply about with the broader female boss lady community.

Our first topic: It is proven that women work in a different style than men do. Yet many female founders blindly follow processes that men designed (often, a long time ago)? What if we design a workplace that works better for all of us, men included?

Here are 13 tips and ideas that come from what we’ve built at AnnieCannons to run a  better, more inclusive operation that allows team members from all backgrounds and circumstances contribute successfully to our success. 

Assume Family Schedules 

Don’t schedule meetings during school pick up or drop off.  These are crucial times for those trying to work and raise a family. Anytime before 9 am or between 2:45 – 3:45 will usually  prevent a parent from bringing their child home from school, and force them to do extra work to make accommodations. 

You can also  avoid scheduling important meetings after 5pm so that parents can spend some evening time with their kids before bedtime. If there is something urgent, see if they might be able to sync late in the evening after they put their kids down. Many moms already work after the kids are in bed, so be sure you acknowledge the value of what they contribute as much as if it were at 5:30 PM.

If you have an offsite or celebrations, put these during normal work hours. For those who have families or other obligations, it’s hard to attend after hours or weekend work functions. Nights and weekends can then be available for them to spend with families. 

Actively Solicit Feedback in Every Meeting

Remember that most women and minorities have spent a lifetime being conditioned to think, unfairly, that their opinions don’t matter. Let’s break that cycle. Instead of expecting your team to pipe up with their opinions by interrupting or speaking over others, assume that people are not yet sharing their good ideas.  Often it’s simply a matter of not knowing the right time to share. You can fix this by doing two things: (1) identify a particular pause or moment(s) in your discussion as the time when you want your team to share feedback and questions and (2) specifically call on those at the meeting who are not speaking to ask if they have anything to add.

By actively asking and giving feedback, both you and your employees can grow. You will infuse more value from diverse opinions and thoughts into your outcomes.  Plus, your team will appreciate that you create a space for them to be heard. 

Create Purposeful Space 

Let your team know that they matter as people, early and often. 

For example, we create a bi-monthly meeting for the whole team to share how they are feeling in an open, non-judgemental setting. We specifically ask for both the good and the bad. This gives employees time to air their issues so they don’t build over time. 

Similarly,  every other week we create a purposeful space reserved for group strategic planning. This ensures that everyone’s ideas are being considered in our overall strategy, creating a well-rounded approach.

Start Big Block of Cheese Day

On the show The West Wing, President Bartlet would have something called the Big Block of Cheese Day. Though fictional, Big Block of Cheese Day is a day reserved for the general public to ask you anything. During this time, anyone can come in with their crazy ideas without judgment. You can do this by creating a six-hour block that you’re available for questions from your staff, customers or fans. Use a video streaming service to make it accessible for anyone. We’re doing this in the next month!  Want to come to ours? Email info@anniecannons.com. 

Allow People to Define Themselves

When a new student or employee starts, we respect their identity as they see it and we require everyone on the team to respect it, too.. Whether it’s gender identity, appearance, or values, everyone at AnnieCannons get the space to be who they are, according to them. It turns out to be easy to use the words that make someone feel welcome, included, and respected with a very small amount of effort.

Blindly Evaluate

Remember that we all have biases, even when we don’t intend to.  And we don’t always notice when those biases color our feedback. We can still correct for them, though!

When reviewing employees’ programming work, we use a blind evaluation system wherever possible, including on top of a review by a supervisor who knows the worker. This allows for feedback that is free of bias. This way the members of your team who come from different backgrounds than the person reviewing their work can add value in unexpected ways. A blind reviewer can’t set expectations to measure against – they just have to look at the quality of work on its face – it’s why everyone from undergraduate admissions offices to law school professors have found that outcomes for women and minorities improve with blind grading.    

Provide Childcare 

The patriarchy has created a system that assumes men will be the breadwinner, and that the cost of childcare is baked into what they are paid. Yet many working moms don’t have the resources to pay for separate childcare, and bright women often don’t return to the workforce as soon as they’d like because, ironically, they can’t afford a nanny. 

Providing childcare on site is a win-win for the employer and the employee. Accessible childcare means the employee is able to execute her job and knowing her child is safe nearby. It means no lost time for her coordinating a nanny, and no need to decide between her family priorities and her work priorities. This also makes the employee more loyal to the employer — they see that the employer cares about their family, and because their kids have a relationship with the childcare, too. You could be the only place a talented person can work and still eat lunch with their kids everyday.

Oftentimes employees will take a lower base pay because of childcare provided (note to nonprofits and startups!), so this can help with recruiting, too. We provide a babysitter for our students at our offices, so they can learn and code without the stress of trying to find and pay for childcare.

Get Dogs in The Workplace

There is research that pets in the workplace improve office morale, increase productivity, and decrease stress. Of course, this doesn’t apply if you have team members who are allergic. It is totally reasonable to require that pets come to the office only if they can behave. . But love our pets in the office! 

Extend Maternity & Paternity Leave

You can make a decision to invest early in sustaining policies that further equality, and maternity and paternity leave is one of these. Historically, maternity leave was something women couldn’t avoid taking, and men rarely took a lesser paternity leave so they seemed more “committed” to work – but it’s obvious that means that mothers who take leave are deemed less committed by comparison, even though they are not less committed than their male counterparts. 

There are two things you can do: make parental leave mandatory for everyone, and make it last longer.

If everyone takes leave, no one is seen as less committed for doing it. This shifts the perception that mothers are the primary caretaker and allows for a well-rounded approach. Unfortunately, in the nonprofit world, you’ll have to double fundraise to pay people to be on maternity leave. This is why creating a childcare system is so beneficial for startups and nonprofits that can’t afford employees to be gone for so long. 

Do your best to offer at least 3 months of leave (this is when babies are first even able to see colors and shapes well, as opposed to just recognizing the comfort of their mother). 

Some employers lean on short term disability insurance to give the employee a percentage of salary that extend paid leave.

If you are considering creating a better leave policy, Optimizely created a great parental leave primer and calculator here.

Improve Your Performance Reviews

Performance reviews always end up more subjective than you’d expect. Look at your performance review system to look for cues of subjectivity, and take out opinion-based feedback wherever possible. Think about what matters to your business and create questions that stem from that, not anything like “likeability”. 

Remember that ongoing feedback doesn’t have to be negative. We use an app called Disco to celebrate people who are bringing our values to life in a way that improves our culture.

Create an Owner for Admin Work

In all but the earliest startups, where founders do admin work and all other work, admin work should not be spread amongst all employees (like cleaning and taking out trash).  If it is everyone’s work, it is no one’s work, and often women and minorities are asked to take on more than their fair share. 

Admin work should have an owner, and should be acknowledged as something that adds value to the company just like any other work. This might be one admin role or or a specific task assigned to an employee. 

Emphasize a Winning Team 

If you’re going to have people compete, don’t make it at the individual level. Instead, make it about the team that performed the best and how they did so. You’ll get so many more learnings and good behaviors if you encourage collaboration instead of 1:1 competition. Also, consider aggregating the best from all the solutions presented for a particular problem into a single winning solution. This allows everyone to be a part of the final product and learn from it, but more importantly it gives you the absolute best your whole team has to offer.

We want to hear from more female founders and business owners. What creative ways do you build a better, safer workplace for women and men alike?

Our 6 Favorite Nonprofit Website Examples

A lot of nonprofits miss the mark when creating their website. With so many organizations for donors to give to, it’s important that your website makes a lasting impression. We’ve curated a list of our favorite nonprofit website examples that evoke powerful emotions through the use of strong mission statements and impactful web design and experience. 

Check out our favorite non-profit websites below: 

New Story

New Story fights homelessness by printing 3D homes for people living with inadequate shelter. 

When you log onto New Story’s website there’s no denying what they do. That’s because they don’t waste any time explaining it with a concise mission statement. People have short attention spans so it’s important to summarize what you do before they get distracted. New Story does this while still allowing users to click ‘About Us’ for the full story. 

Charity: Water

Charity: Water provides clean drinking water to people in developing nations. 

Charity: Water evokes powerful emotions by using high-quality photographs of the people they’re helping. Throughout the entire website, you’ll see images of freshwater and smiling faces. Showing the work that you do makes potential donors confident in the money they give you. Charity: Water adds another level of trust by explaining how their donations are tracked. 

Vital Voices

Vital Voices invests in women through investment, mentorship, and other advocacy programs. 

We love that Vital Voices makes it easy to donate by placing their donate button at the top right of the webpage. This donate button follows the user with what’s called a sticky navigation. This allows the user to click donate at any point in their buyer’s journey. Vital Voices understands that you should eliminate any opportunity that could lead the potential donor away from the website.  

St. Jude Children’s Research Hospital

St. Jude is a research hospital looking to treat and defeat childhood cancer and other life-threatening children’s diseases. 

St. Jude is unwaveringly consistent in its messaging. This is because they’re confident in their mission statement and apply it in every aspect of their organization. Browsing their website you’ll see that their primary ‘why’ remains prevalent across all of the pages of their website. We do recommend, however, that you use a color other than red for calls to action.

Polaris Project

Polaris uses data to disrupt human trafficking. 

Very few donors will donate the first time they go to your website. Polaris Project understands this and uses its email list to creating relationships with future donors. Through your email list, you can encourage these future donors to visit your website and donate in the future. Polaris Project understands that you should nurture relationships with individuals before asking for money – a long term donor is much more valuable than a small one-time gift. 

Planned Parenthood

Planned Parenthood provides affordable reproductive healthcare. 

Many nonprofits make the mistake of only asking for one time donations. Planned Parenthood understands that recurring donations lead to recurrent action. After donating, Planned Parenthood explains where your money is going, making the donor feel like their donation makes an impact. 

Each of the organizations above has created a website that exemplifies its mission and maximizes donations in a creative way. For tips on how your organization can increase donations, check out our 10 Website Design Tips to Supercharge Donations

10 Website Design Tips to Supercharge Your Nonprofit’s Donations

There are quite a few best practices for nonprofits to follow when optimizing their websites for donations. We’ve summarized 10 of our top tips based on our experience working with 50+ nonprofits. Read below for inspiration, or watch the video with the full 20 tips here!

1. Grab people’s attention with a powerful mission statement 

Most people lose interest within the first 10 seconds of looking at a web page. Create a powerful mission statement that summarizes your organization’s Why. Your mission statement should be front in center, no more than a sentence of text, and viewable without needing the user to scroll.

2. Use high-quality compelling photography

Your nonprofit’s website should use recent, high resolution, and professional photographs. Stock photos are good, but original photos are more likely to make users connect with your work. Don’t be afraid to use an iPhone to take photos in the field. If you don’t have a moral obligation to protect the privacy of the people you’re helping, users like photos of people.

3. Create a mobile-optimized website

Most users will access your website from a smartphone. It’s important that your mobile website is aesthetically pleasing and loads quickly. On a mobile website, you have less space to show users what’s important about your organization. Make sure every bit of this space is being utilized with concise copy and design.

4. Place ‘Donate’ button at the top right corner

You should make it easy for users to donate. Place the donate button in the top right corner of your website, where it will receive the highest eye traffic. Choose one of your brightest brand colors to make the button stand out.  More here on the psychology and a/b test results for various button colors.

5. Donate button should “follow” the user as they navigate the site

Users should be able to hit the donate button anywhere on the website. Create sticky navigation that follows users throughout their entire journey. Something as simple as going back to the homepage to find your donate button can deter donors. 

6. Optimize for grants, the mission should match your application

Grantors, foundations, corporations, and corporate social responsibility groups will be viewing your website. It’s important that the messaging on your website matches any current or future grant applications. If the messaging differs they might find your application disingenuous and not push the grant forward. Avoid this by using the same language online and offline.

7. Stop the clutter – make your design clear and concise

A lot of nonprofits make the mistake of trying to describe every single thing that they do on their website. Too much information can cause confusion. And if your user becomes confused they’re more likely to leave your website and not become a donor. Keep your website clean to ensure your users have a positive experience.

8. Promote a newsletter to then promote more donations

Most of the people coming to your website for the first time aren’t going to donate on the first touch. Create an email newsletter to nurture relationships and encourage donations. If you don’t have the bandwidth to create a newsletter, you can still start creating an email database. That way when you do have the resources, you’ll already have an email list to start with.

9. Decrease the number of fields on your donation form

We all want more information about our donors, but asking noncritical information can cause users to leave before completing their donation. If you want additional information, prompt those questions after their donation has gone through. 

10. Nurture like an eCommerce brand

Nonprofits can learn a lot from other industries, particularly consumer brands. Consumer brands put a huge emphasis on fostering relationships with their customers and squeezing every possible dollar out of the conversion funnel. There are a few emails you should try that eCommerce companies use frequently:

  • Abandoned Cart – If a user started to donate but left before submitting, email them! Tell them why you need their money and what you’ll do with it.
  • Welcome – If you get a new email address from an event, newsletter sign up, or donation, welcome them to your organization via a triggered email. Tell them what you do, and how to engage when they are ready.
  • Back from the Dead Campaign – Do you have emails in your database who haven’t donated or engaged with your organization in a while? Send a campaign with a specific offer or opportunity that might engage them.  And personalize it by making it known that you see they haven’t engaged in a while. People will more likely than not feel some guilt and take that action you want them to do.

Watch our webinar for all twenty tips to supercharge nonprofit donations where we dive into optimizing donation forms, building advocacy programs, and more ways to increase your nonprofit donations. 

The 3 Phases of a Nonprofit Website Redesign Development Project (done right)

Design Process

If you are building a custom website with a developer, you typically will go through a discovery and design process before you get to coding.  At AnnieCannons, we have a standard 3 phase process that helps us deeply understand what you are trying to achieve, how the user should engage with the website, and what technical requirements you are expecting. This process establishes the most efficient development work scope by prioritizing clarity early on and transparency throughout your process.

Below is a glimpse into the phases and types of questions you should prepare for when working on a new website redesign.

Discovery

The discovery phase resolves critical questions necessary for design. Discovery is intended to identify the key assets and design constraints in building the platform. Some sample questions we cover and deliver in this step are:

  • What is the overarching goal for the project?              
  • Who are the target users? What are their demographics and interests?
  • What is the key action or actions site visitors should be able to take?
  • What assets, research, and other information do you already have that can improve or streamline the design process?

Keep in mind that a “developer” writes code – they don’t plan organizational initiatives.  If you’re working with AnnieCannons, a Product Manager guides you through this process. If you’re working with a “web developer” and not quite sure what the website developer is going to build, it’s important to nail that first. Answer these questions for yourself first if you don’t have a business-minded team at your side, and gather all the asset you already have into one place. . Going in with undefined expectations is a great way for both sides to be disappointed. 

Design

The design phase creates the visual treatment for an interactive and engaging platform. This step plans out the visual treatments, animations, layout, interactions, and content of the site. Some sample questions we cover and deliver in this step are:

  • What is the”user story”, the path a user follows through their experience? Once they land on the home page, what are they looking to do? What do you want them to do? Visually, how can you get them to take that path?
  • What actions can users take on the site? As a nonprofit, are you more interested in getting direct donations, collecting email addresses for email campaigns, or something else? 
  • What is the back-end result of these user actions? Once the user does something, what does it look like? How do you want them to feel? 
  • What do the target users think of our provisional designs and concepts? Share your design concepts to a core group of people who are your ideal website visitors and get their opinion. Is it visually appealing? Difficult to navigate? Off-putting? 

Keeping your website clean and modern is always a good idea. Being able to update content to keep it up to date is essential. Plan and test your visual elements now to prevent wasted time and money later. 

If you’re working with AnnieCannons, we’ll get your clear approval on the exact look and feel of your site before writing any code. If you’re working with a solo web developer, make sure you don’t get charged for “design as you develop’ work – that’s sort of like building the car while you drive it.

Development 

In the development phase, we build, host, and launch the new platform. Development makes those pretty visual designs into an interactive reality available to users over the internet. Some sample questions we cover and deliver in this step are: 

  • How do we execute the functions and user stories reflected by the designs?  How do they all work together in practice?
  • How do the browser, database, hosting, and any content management systems work together?
  • What analytics, records, logs, and other data do we create and store?
  • Where will you host the site, and do you need more than basic hosting (for example, security to process payments)?

It may not be imperative for you as the nonprofit to understand how all of those things work (except for budgeting annual costs like hosting), but it is important to know that there is more to a website than just what it looks like on the surface. Your design team plays an important role in not only getting your website built but also in making sure it functions properly on the back end. 

Additional Resources:

10 Essential Tips to Lower Your Development Costs for Your New App

So you have a big idea for a technology or service that is going to change the world. You want to build this big idea, but also keep development costs as low as possible until you can prove the business model or concept.

Here are 10 things to keep in mind before you bring in a technology partner that will help you keep costs low and innovation high.

  1. Validate your idea.

Make sure you have a valid business idea first before you invest money. 

It should go without saying, but many times someone has a great idea and runs ahead with it before seeing if is something people want. Do some user research and consider what kind of problem it will solve or how it will add to your customers’ lives. If possible, do the thing you want software to do manually to make sure people actually want it as much as you think they do.

Offer the thing you want to commercialize for free with a Craigslist ad or social media post, for example. Does anyone respond to it? 

2. Scale something you already do.

Do you already offer the service that you want the app to do, and already have people who want it? Draw a literal picture of the process you are following, step by step, listing all the things that are involved. This can serve as your prototype “user flows.”  When you look at this map, pick the part of it that can be automated, then get quotes for automating that part.  

If you can’t map what you’re doing start to finish, you probably need to go back to tip #1 and validate your idea.

3. Create a one-sentence goal statement.

Rather than start out to design something with tons of bells and whistles, narrow down what you want the app to do to a one-sentence goal statement. What is the one thing that this app needs to do to unlock value for the user? Have you proven that your users agree with that goal and understand it the same way you do?

Everyone wants to build a billion dollar idea, but the best way to NOT get there is to try to build a billion dollar concept with a tight budget. Starting with the essentials means you won’t blow your budget on features until you know people want them.

4. Develop an MVP with your users.

Take your one-sentence goal statement and develop an MVP. A minimum viable product (MVP) is all about testing your idea and discovering what essential things will meet your goal and add value for your user. Ask your designer to develop only the core needs to solve a specific problem. Then test the designs as a clickable prototype on early adopters and get their input, if possible.

This will keep you from putting any more dollars down against programming something that no one wants. 

5. Mobile app or responsive site?

Which device types do you expect to use for your mobile app? The most popular platforms out there right now are iOS and Android on mobile and MacOS and Windows for desktop. Each has its own design and technical requirements that cost development budget to do well. Do you want a native mobile app that’s custom-branded? What would the benefits of that be, as opposed to using a responsive website for the first launch that could make the same code work across multiple device types? 

It might be faster, easier and cheaper to launch with a responsive website, then build your mobile app after launching the MVP and raising enough capital to complete your big idea.

6. Get your funding approved.

Ideally, you’ll have funding for your app before you start looking at development. Also, get sign-off from anyone who needs to approve the spending, long before you need them to.

In practice, especially for founders from marginalized backgrounds, your financial backers may want to see a lot of progress before agreeing to fund you. As you try your idea manually and test concepts with your users, keep detailed records of any feedback you receive. If possible, include how they come to you – if you have an idea that people seek out after hearing about it, even if it’s not an app yet, that can help you raise money.

Whatever you do, though, don’t start building on the budget you *think* you’ll raise. The budget you actually have should be seen as the cap on your development cost. You will probably need to sacrifice some features to make that budget work.

7. Create a user flow diagram. 

By now, you should have your user process not only documented, but highly refined. Document what you’ve learned from talking to the types of people you want to use your product (NOT just your friend, who will tell you friendly lies about how cool your idea is).

Now, turn your process diagram into “User flows.” Include each step in the process that is going to be automated in this flow, and keep your notes on what’s still manual. Split the flow up by not just the screens the user sees, but also any actions they take on each page or section. What paths do you expect people to follow throughout their experience? Identify any challenges they may encounter or steps that feel incomplete this way, so you can come up with solutions ahead of time. 

8. Create detailed user personas.

What is your target user’s demographics? What are their struggles? How is your app going to help them and meet their needs? Will they be tech-savvy enough to use your app? What devices are they actually using, and how does your MVP solve their problems? Design for the least tech-savvy person you know and see how intuitive it actually is. 

9. Have a style guide ready. 

This includes logos, colors, fonts, and anything else that is part of branding for your company. An individual developer shouldn’t waste time creating these for you, as it’s not their specialty if they’re actually good at building apps. Since you know your users best, you know what visual styles will speak to them. It’s preferable to have a style guide ready for your developer to expedite the process and avoid repeating work. 

One thing to note: brand identity work isn’t cheap, either. If you don’t have at least a few thousand dollars to do this right, you can skip it – but ask yourself seriously whether you really have the budget for an app.  

10. Map out the data and technology flow. 

Draw more, but now include what happens behind the screens the user sees. List any technology you already have that needs to integrate with your app upfront. Some examples include CRM software, social media sharing, a data warehouse, and credit card processing. Every digital space your app will touch needs to be considered in the planning phase of development if you want to minimize unexpected costs.

Not mentioning these requirements upfront can cause a developer to have to rebuild once they learn about them. The more detailed documentation you share with your developer at the planning phase, the better they understand your needs up front. This will ultimately lead to a better plan and more efficient project.

We hope these tips help you bring your big idea to market faster and with less wasted capital! 

If you are in need of a development partner, we’d love to chat

Nonprofit Website Redesign Launch Checklist for 2019 [Infographic]

As a nonprofit ourselves, we know it is hard and stressful to launch a new website redesign. Use this checklist to ensure your website redesign is ready for prime time!

Content

  • Your mission statement is clear and located on the header of the home page.  No scroll needed to find it.
  • You highlight the impact donors will have to your organization and how you will use their donation.
  • Secondary audiences like volunteers or candidates should be able to easily navigate to the pages they are looking for.
  • You’ve broken down your programs and services. If there are more than 2, you’ve listed them as individual pages to avoid clutter.
  • Your nonprofit website should look clean and modern. This means lots of space between images and text. Refrain from an overload of boxed content and images.
  • Content is simple and easy to understand.

Donations

  • The donation button is above the fold on the home page, and on the navigation of every page across your site.
  • There is an option to request a monthly donation on your donation form.
  • Your forms are short, and don’t have unnecessary fields. (The more you ask the less likely it is they will fill it out.

SEO

  • Every page has a unique title, a meta description, and is optimized for keyword usage.
  • Optimize your images with descriptive “alt” tags, and are high resolution.
  • There is a sitemap for your website, allowing Google to easily crawl and index it.
  • Your site meets accessibility guidelines

Testing

  • You have social icons that go to the correct pages.
  • Blogs are easily shared, and share links populate with the right image and content.
  • Your legal bases are covered. Did you add your privacy policy and terms and conditions? Are you compliant with GDPR? Do you need a cookie warning?
  • Your site is typo free with no broken links
  • Your website is mobile responsive.

Promotion

  • Combine the announcement with a donation campaign.
  • Announce your new site via email and across social media to your followers and past donors.
  • Show off the new you in meetings and conferences.
  • Encourage your board members and advocates to help spread the word. Send them an email with potential social and email copy they can use.
  • Set up a monthly sync with key stakeholders to review the website performance and new content ideas.

We hope you find this checklist helpful! We offer website redesign services for a wide range of budgets and organizations of all sizes. If you would like help on your next redesign, contact us at info@anniecannons.org. We build mobile and web apps, too! Visit our portfolio at anniecannons.org/portfolio.

Here’s the full checklist:

full nonprofit website redesign checklist.

15 Tips Before Starting Your Nonprofit Website Redesign

The third installment of our Nonprofit Website Redesign series goes deep into the planning stage, where you start defining the specific requirements for your website. During this phase, you will write your website requirements, determine if your needs are advanced enough for a developer, and if so, how to pick the right development partner.

If you haven’t yet evaluated your need for a new website or gotten buy-in from all stakeholders, be sure to check out the first two parts of the series!  Or download the full guide here.

You are not ready for the Planning Stage if you: 

  • Can’t completely describe your mission in one line.
  • Don’t have any idea what you want visitors to take away from your site. 
  • Don’t have clear goals for the website.
  • Don’t yet know what actions you want users to take on the site.
  • Are on a super tight execution timeline but don’t have completed messaging or branding.
  • Have both a small budget and no idea where to start (BUT a small budget is okay if you have a very clear idea of what needs to be built).

If you are ready to design a plan for your new website, read on! Below you will find suggestions for brainstorming on the new needs of the website, choosing how much design assistance you need, and what things to look at when evaluating potential design partners. 

Gather your development requirements 

Before you start to look for a developer to build your site, you should come prepared with any and all specific requirements for your new website.  The first five tips focus on writing effective requirements:

  1. Pull together what pages you specifically want to change or add on your site, and what the sub-goal is of each page. 

  2. Determine if there are specific, new actions you would like your site visitors to take. Write them out step by step and include that in your planning documents for potential partners. To write these, start with the input the visitor or user gives you (for example, “clicks on the DONATE button”), and end with the output you want your site to give them (for example, “sends acknowledgment of processed donation”). Each of those series of steps are called a User Story.

  3. If your former website didn’t include any SEO research, or if there are new avenues to focus on, conduct SEO research to incorporate into the content of your new website. Create a list of keywords that relate well to your organization (not just “donate”!) for your copywriters, brand consultants, and/or web designers.  Improving this aspect of your website can help drive donations to your organization as well as add more value to your redesign. For a little refresher on what SEO is and why it is important, here is an SEO resource we found most useful.

  4. Aggregate other industry-related website examples that you’d like to use as models for your new website. For nonprofits, you can look at organizations that have similar donors or donor prospects as well as those that have similar missions. Take specific notes on what you like as a guide for your design team.

  5. Decide on a “go live” date. Don’t make it the same day as the ultimate due date. Have the site ready to launch a few weeks before the final deadline so you have ample time to test. Make sure you communicate these dates to designers and developers as you talk about engaging them to ensure they can meet your timelines.

Choose your software and determine if you need a developer

Here’s where you need to figure out exactly how your goals align with your budget, and what your nonprofit can afford.  This section of tips presents options for needs (and budgets) of all sizes.

  1. Evaluate your budget and customization needs to choose the software required to support your redesign, and determine what kind of development help you might need.

  2. If your nonprofit ends up paying for a WordPress or custom website, you’ll save your staff time even though you increase payments for the work. Depending on your budget and website and organization needs, it could be worth paying a firm like AnnieCannons to create another software that works in concert with your website to automate some of your staff work, like managing donations and other workflows. This way your staff is free to do other more high-value work and focus on their main job(s).

  3. When evaluating your budget and needs, you may find the redesign falling into one of three categories:
    1. Basic needs or low budget:
      • If you have plenty of time but little money, both Wix and Squarespace give the ability to make a visually pleasing website with a monthly fee of $30 – $100. Depending on your resources, you might be able to do this in-house without a developer. Keep in mind that Wix or Squarespace itself is software, so it may take time to learn how to use the platform effectively even if you don’t have to write any code. We’ve actually been hired to design and build Squarespace sites for clients that found they didn’t really have the time to figure it all out.

    2. Medium customization or mid-level budget:
      • If you have clear brand guidelines you want to stick to, and have development needs outside of a drag and drop setup, WordPress has the capacity to create a compelling web presence with a middle of the line budget. They have loads of templates and integrations to choose from, which can give you features like logins, online shops, or chat bots. You will have less room to customize and design these items according to your desired style, but you can get the functions themselves for less development cost than it would take to build them from scratch. However, a developer is required to build and launch a site like this, because soding is required to put all of these pieces together effectively.  Sometimes a web designer will know just enough code to work in WordPress, but most web designers do not write code.

    3. Extensive customization or need for custom apps and portals:
      • If you have a larger budget and a grand vision, a custom self-hosted website is your best option. The sky’s the limit with a custom website – including e-commerce tools that sync with internal tools, building custom experiences and mobile apps for your customers, complex databases or data visualization, adding interactive modules, etc. There is no way around hiring a developer for this level of site.  A great designer won’t generally focus on programming enough to also code this site or app for you. More importantly, you will need more than one kind of developer speciality if you a complex interaction with data:
What is a front-end developer?

A front-end developer writes code that renders in the browser and syncs with the back end

What is a back-end developer?

A back-end developer writes code that functions on the server and supplies data to the front-end

What is a dev ops engineer?

A dev ops engineer creates systems that manage new releases of code, including both the initial launch of your site or app and future updates.

Find a development partner

Finding a partner who understands your mission and will manage the project in a way that is consistent with your culture is imperative.  The last 8 tips illustrate the need for excellent communication and follow-up with your development team. 

  1. While getting a low-cost or free developer might be appealing, we find this strategy often cost more than they save; volunteers may leave projects incomplete, may not take the time to produce the kind of documentation necessary for maintenance, may not include the comments in the code itself that make it feasible for a new developer to pick up work easily, and/or don’t have the skills to complete all of the key pieces of a project from design to launch. Remember that volunteers usually have other jobs, and if they disappear it can be harder to make what they did helpful than would be to start from scratch.

  2. Whether you work with volunteers or hire a developer, your relationship will probably work best if at the beginning you clearly define your budget and timeline expectations to that partner and confirm clear understanding from their side before engaging them.

  3. Ask the developers if they have any templates they can leverage from a previous website design to help reduce costs.

  4. Discuss their execution pace as well as their style and tone of communication. Is this in line with your expectations and needs? Conversely, are their expectations in line with your team and any internal or external stakeholders are likely to communicate and complete action items?

  5. Discuss any ongoing expenses that they expect beyond their hourly fees. Nonprofits often forget, for example, that hosting a site is a separate cost that you pay as long as the site is live (usually annually or monthly, in advance).

  6. Make sure they can and will provide every skillset you need, which usually includes at least planning and product management, UX Design, Visual Design, Front-End Development, hosting setup and launch. Be sure you are getting all of these from somewhere.

  7. Ask for references before signing the dotted line. Talk to people in your industry at a similar size company with a similar size budget about their experiences, if possible.

It might seem like a long road, but spending time now to thoroughly prepare to communicate with your developer will pay off in the end. The more time you spend in the planning phase and the more questions you can answer ahead of time, the less time (and money!) will be spent on development.  If you are interested in everything you need to do for a website redesign from start to finish, download the full guide here

It can be a challenge to get everyone on board for redesigning a website, but a thoughtful strategy will definitely take you far. AnnieCannons specializes in building and redesigning nonprofit websites and would love to help!  Drop us a line anytime and we can walk you through how to get a new website up within your budget.

How Our Current Immigration Laws are Hurting Trafficking Survivors

Despite acts of Congress to establish two different visas that assist and protect survivors of human trafficking, the process remains lengthy and difficult to maneuver without legal help. Additionally, restrictions during the application process make it challenging for those who are waiting on their application to go through, which is currently taking 2 years or more. Although there are many ways a survivor could be independently economically productive, paying taxes,  while in the application process, the limitations actually make it more likely that they will fall survivor to further trafficking or abuse. 

AnnieCannons is committed to assisting survivors of human trafficking and getting them safely out of the cycle of abuse and trafficking by delivering economic opportunities in software. Sadly, many survivors who can master AnnieCannons’ coding program and who qualify for a visa from the U.S. are not allowed to work – as contractors or employees – during the long wait for their application to be approved. 

So, as we stand ready to deliver economic power to talented survivors eager to earn a good living, we’re forced to hold off. These brilliant graduates are stuck in limbo, unable to be paid and unable to secure housing at all, or to remain in shelters during the entire application process. Allowing survivors to work and provide for themselves while going through the visa application process would go far to providing a solution to one of the biggest roadblocks to their economic independence, their freedom, and a long-awaited break in the cycle of exploitation. 

How The Visa Process is Supposed to Work

What is a U Visa?

A U Visa is available to survivors of serious crimes against them, under which human trafficking falls. These visas were created so that foreign survivors of crimes in the U.S. could remain in the country to assist in prosecuting criminal offenders. It is a way to help ensure that offenders who prey on foreign visitors aren’t more likely to get away with it simply due to the survivor being forced to return home. The survivor must cooperate with law enforcement in order to qualify for the visa. 

What is a T Visa?

A T Visa gives temporary nonimmigrant status to survivors of human trafficking who are willing to help law enforcement officials investigate crimes of human trafficking. The survivor must have traveled to the U.S. because they were forced, abducted, or deceived by the perpetrator of human trafficking. Luckily, the law does not require cooperation with police to obtain a T visa if the survivor is under 18 or if the survivor is unable to cooperate with an investigation because of physical or emotional trauma. 

In order to qualify for a T visa, you must be present in the U.S. as a result of human trafficking. This differs from the qualification criteria for applicants for a U visa, who may have visited the U.S. on vacation (or for another purpose) and then been subjected to human trafficking or another qualifying crime. This means that in most cases, to be eligible for a T visa, the survivor would not have been present in the U.S. if it were not for the actions of someone who forced them to be here. T visa applicants will need to show that their removal from the U.S. would cause “extreme hardship involving unusual and extreme harm.” This can be difficult to prove. 

Leaving Survivors On the Street

Not long ago, it took only a few months for a T visa application to be processed. Once a T visa (or U visa) is granted, the visa holder can legally work and hold a U.S. bank account. However, during the application process, the survivor may not work in any capacity, nor do they qualify to have a bank account. This means that they cannot work to support themselves, and they cannot be easily supported by others back home. When the process took only a few months, it was more feasible (though still not easy) to qualify for a short-term bed at a shelter and receive enough assistance to make it through to when they could be authorized to work. However, there are only about 600 shelter beds available in the entire United States for survivors of trafficking, most being for short term stays. It is currently taking 2 years or more for T visa applications to be processed and approved. After discovery, escape or rescue, it will usually take some time to get a survivor’s application paperwork together, so even a 24-month shelter stay would expire before most applications are even processed. 

This leaves the survivor with few options; they are required to stay in the U.S. while their application is being processed, they are not allowed to work, and there is nowhere they are able to stay. Even if they found a shelter bed, that still leaves needing food and essentials. Shelters have limited budgets for food and other necessities, and most states do not provide healthcare to survivors. Homelessness becomes their only option. 

When a human being is in a situation where they need food, shelter, and clean water (even leaving aside health care) and cannot earn money, they are extremely vulnerable to further trafficking and abuse. Working under the table, being paid in cash, is literally the only option left to them by the government that is reportedly trying to help them. However, once someone accepts money for any work, the results could be disastrous. Not only does it threaten a survivor’s visa status, but often an abuser uses the threat of reporting their work as a means to control and exploit them, and the cycle of trafficking begins again. 

As a result, survivors can literally be forced back into exploitation by the very process they are relying on to help them gain freedom. 

Survivors, Not Criminals

There are 5000 T visas available each year, yet advocates report that number is rarely utilized even though there are tens of thousands of trafficking survivors who come to the U.S. every year. In the last 10 years the number of applications submitted has exceeded 1000 per year only twice. Nonetheless, according to the USCIS, there is a growing backlog of pending T visa cases. 

Despite the good intentions of the T visa, supporters say that it is difficult to meet the requirements, even for those who are aware of the program. Additionally, there is a perception by many that survivors of trafficking are criminals in some way. But trafficking likely violates the 13th Amendment by effecting slavery or involuntary servitude in the US. It in no way makes the survivor a criminal in and of itself. It seems that deeper discriminatory stereotypes play a significant role in this misplaced perception, especially for children.

Many survivors are actively trying to help the prosecution of their trafficker, which requires them to get to court. Even if they are able to secure transitional housing, they also need access to transportation to get to court and to meetings with law enforcement. The requirements to help law enforcement are often burdensome and re-traumatizing, so even for those willing to share their story and assist with a prosecution, there is a cost to help our law enforcement punish this heinous crime. 

Those who do qualify for T Visas are often afraid to apply. Because of new immigration orders, it is riskier to expose one’s immigration status in the U.S., even if a survivor is here because of human trafficking. Now immigrant trafficking survivors are left with these choices: risk deportation by applying for the T visa and being denied, or risk deportation by not applying at all.

Easing the Hardship

Although the T visa program is a step in the right direction, the lack of a survivor’s ability to work while waiting for the visa application to process is a severe roadblock. Though the prohibition on work is not a new feature of the T Visa application process, the current Administration is making things worse by further delaying processing applications. If the Administration truly wants to fight human trafficking in the United States, it could be done better by creating a specific work authorization for trafficking survivors while visas are processed. 

Right now at AnnieCannons, we have more than one brilliant young survivor who is qualified and willing to do complex software programming work, but simply cannot be paid to do it. Instead of giving her a new life and a path to economic productivity, the United States is missing out on skilled STEM-trained women being put into the workforce, simply due to work restrictions on what used to be a short-term application process. Although the global problem of trafficking may not have a simple solution, material improvement could be made here in the United States by allowing survivors to work and provide for themselves while going through the T visa process. It would take strain off an already maxed-out shelter system, improve access to healthcare, generate tax income for the country even as it removes cost burdens from the nonporfit and social services systems, and give a human trafficking survivor the pride of knowing they are contributing to society and taking care of themselves. Stable, high incomes ensure survivors continue to thrive, during their stay in the U.S. under their visa, and beyond – breaking generational cycles of exploitation. Turns out, a savings account improves outcomes considerably.

How can you help?

We think this is a nonpartisan issue – no matter which side of the aisle, representatives should favor survivors providing a livelihood for themselves and ending the abuse. If this issue is of interest to you, text “RESIST” to 504-09 to access the Resistbot tool.  When creating your note to our congressional representatives, tell them you want to create means for trafficking survivors to work legally (and pay taxes) while they go through the T visa process so they are never trafficked again.