SLIDE 1
October 11th, 2019
ENCC-DC Presentation 2019
SLIDE 2
- Introductions
- Our work history with Engaging Networks, Free Templates for All
- Case Study: Ocean Conservancy
○ What motivated their change ○ Design approach, mockups, and technical underpinnings for the project ○ Staff training and migration strategy ○ How Google Optimize helped drive conversions past the baseline
ENCC-DC Presentation 2019
SLIDE 3
- Got my start with Iraq Veterans
Against the War
- CRMs and making it happen and are
in my bones ○ Salsa Client (2009) / Alum (2014)
- Works with all 4Site’s Engaging
Networks clients
ENCC-DC Presentation 2019
SLIDE 4
ENCC-DC Presentation 2019
SLIDE 5 ⌘C ⌘V From graphics page at end
4sitestudios.com
Feature Content Creation Services
SLIDE 6 ⌘C ⌘V From graphics page at end
4sitestudios.com
Feature Content Creation Services
SLIDE 7 ⌘C ⌘V From graphics page at end
4sitestudios.com
Feature Content Creation Services
SLIDE 8 ⌘C ⌘V From graphics page at end
4sitestudios.com
Feature Content Creation Services
SLIDE 9
Clients: Ocean Conservancy, International Fund for Animal Welfare, Polaris Project, Organic Consumers, National Wildlife Federation, National Trust, Save Tibet ... Migrations and Transitions: Luminate Online, Nation Builder, Salsa ... Custom Dev: Paypal, Give by Check, Upsell Lightbox, Homepage Lightbox with embedded forms, Include Processing Fee, One Click Donation Customization, multi-action forms, advanced validation (NeverBounce, Honeypot), A/B testing, custom analytics, Fraud prevention
ENCC-DC Presentation 2019
SLIDE 10
1. Seeing a drop in conversions 2. Cross browser consistency 3. Few layout options 4. Hard for admins to update 5. Impossible for developers to update (including supporting marketing agencies) 6. Poor documentation 7. Slow / Sluggish Load Times
ENCC-DC Presentation 2019
SLIDE 11 Internal Process
- Individual & team ideation
- Maneuvering the confines
- Fake it until you make it (low-fi to hi-fi)
Working with the Client
- Present Mockups, walk through design choices
- Gather feedback and iterate
Get stuck? Pet Dax, take a walk around the neighborhood, revisit.
ENCC-DC Presentation 2019
SLIDE 13
SLIDE 14
SLIDE 15
SLIDE 16
SLIDE 17
SLIDE 18
SLIDE 19
SLIDE 20
SLIDE 21
SLIDE 22
SLIDE 23
SLIDE 24
SLIDE 25
SLIDE 26
- Built specifically for Engaging Networks Page Builder
○ Editing Experience Must Match Expectations
- Class based layout choices, no computer science degree required
○ Integration and training on Google Optimize
- Extensive quality assurance testing (91 commits)
- Fast by default
ENCC-DC Presentation 2019
SLIDE 27
- Page triage and planning
- Documentation (With video and screenshots)
- Group build out session
- Follow on support
- Soft roll out and performance testing
- URL Redirects
ENCC-DC Presentation 2019
SLIDE 28
- Saw that the new form had much higher one time, monthly and overall
conversion rates
- Mobile conversion rates increased the most
○ Improvements in email and facebook revenue
- Reduced average time on page from 2:31 to 1:30
ENCC-DC Presentation 2019
SLIDE 29
- Monthly vs One-time
- Preselected Gift Amounts
- Donation Page: One Column vs Two Column
- Advocacy Page: One Column vs Two Column
ENCC-DC Presentation 2019
SLIDE 30 ⌘C ⌘V From graphics page at end
4sitestudios.com
Feature Content Creation Services
SLIDE 31
- Engaging Networks Blueprints
- Move to Sass - More layouts out of the box (A/B test them all!)
○ CSS Grids with IE11 Support
- Donation Receipting
- Universal Cookies (Names, Campaigns)
- Seamless Lightboxes and Action Center
- Debug Overlays / Buttons for Visualization
- Commitment to The Fastest Load Times (Pre-caching assets!)
ENCC-DC Presentation 2019
SLIDE 32
ENCC-DC Presentation 2019
SLIDE 33
ENCC-DC Presentation 2019
