2. It’s a RWD DUEL, Y’ALL!
TEAM
LORETTA
TEAM
BRAD
TEAM
LORETTA
TEAM
DOLLY
DOLLYPARTONENTERTAINMENT.COM
BRADPAISLEY.COM
3. • 61% they will leave if they can’t find what
they need
• 48% feel the company doesn’t care for
their business
61%
will leave if they can’t find what they need
48%
feel the company doesn’t care for their business
BUT…
• 67% will CONTINUE ON if they have a
positive experience
9. Lesson #1: Assess Your Designs
Traffic Sources
What’s This Mean?
• Direct traffic is high
meaning you have a lot of
visitors coming from
email, social media or
other places that mention
the URL clearly
• Over 40% of referral is
from Facebook – social
media love!
Top Traffic Source Cities:
1. Chicago
2. New York
3. Deerfield
4. Houston
5. Alexandria
Top Visitors, but
not necessarily
top performers
(Boston missing,
NYC is #14)
13. • At the time, only 12% of
visitors were using mobile
devices
• ADA had a mobile site –
not responsive – the #1 link
that was clicked was to
show the full site
• Urgent priority to launch a
responsive site for the next
event season
2012 Assessment
17. 2014 Assessment
• Post event
assessment
highlighted relatively
high registration
abandonment rate
• Attributed to overly
complicated search
process
• Plan to refine and
simplify search for
subsequent event
season
18. Lesson #1: Assess Your Designs
• Remain Focused on Objectives
• Build Assessment in to your
Organizational Process
• Refine and Optimize when Appropriate
22. Lesson #2: Engage Your
Audience
• We’ve increased our reach
• No more barriers of multiple sites
• Consolidated analytics
• We are on trend!
22 #bbcon
23. I Like It, I Love It, I Want Some
More of It!
BLAH
Case in Point…
I LIKE IT, I LOVE IT!
National Kidney Foundation!
BLAH
BLAH BLAH
27. • Up front:
“When,
Where,
Who”
• Simplified
CTAs.
• Hello Social
share!
28. Lesson #2: Engaging Your
Audience
• Build a platform for your AUDIENCE
• Remember who you are serving
• Know Your Action Paths and keep it
simple
• No one wants to wait around like we
did for Dolly’s site!
• Take it to the Next Step: Build
personas to keep you on track, focused
and prioritizing
35. Lesson #3: Focus on Content
• Original content attracts website visitors to your site
and organization
• Your homepage is the most popular but not primary
entry point
• Create tools that facilitate content creation and
contribution
36. LESSON #4
“WIDE OPEN SPACES”
RWD = OPENS YOUR (WEB) HORIZONS
40. Lesson #4: Open Your (Web)
Horizons
• Prioritize your need
• Get buy in from your
stakeholders
• Don’t ever say NEVER!
40 #bbcon
41. Lesson #4: Open Your (Web)
Horizons
• Case in Point: World Wildlife
Fund
• Rebranding New IFE
Program
• Decided to use
TeamRaiser as platform
• Needed everything to be
Responsive
• BIGGEST PRIORITY:
Allow large % of mobile
fundraisers to log in on
41 #bbcon
mobile / tablet
49. Lesson #4: Open Your (Web)
Horizons
• Case in Point: Be the Match
• Campaign to target
Hispanic marrow donors
• Nearly three out of four
Hispanics (72%) already
owned smartphones as of
Q3 20131
• BIGGEST PRIORITY:
Emails must be mobile
ready and work in a
1Nielsen U.S. Digital Consumers Report, 2/2014
number http://www.nielsen.com/us/en/insights/reports/2014/the-us-digital-consumer-report.
html
of email clients
49 #bbcon
52. Lesson #4: Open Your (Web)
Horizons
But what about the “bad kids”
of email?
Lotus Notes 8 & 8.5,
Outlook 2000 – 2003,
Gmail App, & Windows
52 #bbcon
53. Lesson #4: Open Your (Web)
Horizons
We had to get “nerdy”:
• Coded to have a centered, responsive design
without media queries.
• Fluid design that utilizes display: inline-block &
text-align: center.
• BONUS: There are only 6 images so even if they
don’t “download” they get the full gist of the email
MAGIC HAPPENED AGAIN!
53 #bbcon
55. Lesson #4: Open Your (Web)
Horizons
• Remember:
• RWD allows you room to grow:
• Your audience
• Your website
• Your knowledge
• NEVER GIVE UP
(or take no for an answer )
55 #bbcon
59. Don’t forget to complete
a session survey!
Each completed survey enters you into a drawing to win a
complimentary registration to bbcon 2015 in Austin, Texas*.
*Blackbaud reserves the right to change or withdraw this promotion at any time, without advance notice. Promotion has no cash value and may not be
exchanged, applied to, or combined with any other offer.
59 #bbcon
Thank You
Hinweis der Redaktion
Gmail App strips all your media queries & head styles, so it is notoriously hard to work with.
Unless you code with a fluid style, Gmail App will show a very tiny version of your desktop email.
Gmail app is the #2 most popular email client, so most emails that are sent never look good in it… but this one does.