1. 09/30/13 #bbcon 1
Homepage Design Slam
PRESENTED BY NYLEVA CORLEY, INFORMATION ARCHITECT
MICHAEL CHANG, CREATIVE DIRECTOR
#bbcon
2. 09/30/13 #bbcon 2
1. Who We Are
2. Why We’re Here
3. RWD Tools We Use
4. Our Design Examples
5. Design Slam
6. Resources
7. Meet Us at the UX/Design Booth
OUR AGENDA
4. 09/30/13 #bbcon 4
Michael Chang, Creative Director
• Creative strategist, leads team of designers and copywriters
• Clients include Make-A-Wish, National Association of REALTORS,
American Cancer Society, Canadian Wildlife Federation
• Best-in-Class Award from Interactive Media Awards for
UNICEF USA mobile site
• Outstanding Achievement Award from IMA for POGO website
• 15+ years in advertising, marketing and design
• michael.chang@blackbaud.com
HELLO! MY NAME IS …
Nyleva Corley, Information Architect
• Specialties: Content Strategy, Usability, Social Media
• Clients include Memorial Sloan-Kettering, Michigan Humane Society,
Common Cause, JDRF, American Jewish Joint Distribution Committee
• Speaker: SXSW Interactive
• Speaker: CASE Social Media and Community and HighEdWeb on crisis
communications
• 12 years in digital strategy for higher education
• nyleva.corley@blackbaud.com
7. 09/30/13 #bbcon 7
Future proof
Browser
compatibility,
device
compatibility
SEO friendly
Single URL for
improved
analytics
Easier to
manage
Single content
base,
single code
base
Cost effective
See next slide
THE BENEFITS ARE CLEAR
8. 09/30/13 #bbcon 8
Desktop-only Mobile-only
Responsive
Design
User Experience
and Design
Web Development
QA and testing
Total
BENEFIT SPOTLIGHT: COST EFFECTIVE
2 breakpoints All breakpoints
10. 09/30/13 #bbcon 10
CAN’T IGNORE THE TRENDS
Credit: Blackbaud’s August 2013 The Next Generation of American Giving report
(https://www.blackbaud.com/nextgen)
11. 09/30/13 #bbcon 11
TRAFFIC TRENDS
mobile
tablet
desktop
Organization A: Animal Welfare
Mobile + Tablet Traffic
Total Site Traffic
20.69%2011-
2012
34.61%2012-
2013
12. 09/30/13 #bbcon 12
TRAFFIC TRENDS
mobile
tablet
desktop
Organization B: Hospital
Mobile + Tablet Traffic
Total Site Traffic
14.08%2011-
2012
21.32%2012-
2013
34. 09/30/13 #bbcon 34
VOLUNTEERS FOR DESIGN SLAM
Please be respectful and nice.
The egg timer rules.
See us afterward in the “Strategic & Creative Services” Booth for Q&A.
35. 09/30/13 #bbcon 35
By focusing on prioritization and layout — and using the tools,
patterns and best practices we’ve shared with you today —
Responsive Web Design is within your
organization’s reach.
THE TAKEAWAY
36. 09/30/13 #bbcon 36
Our faves
• “The Elements of Content Strategy” by Erin Kissane, @kissane
• “Content Strategy for Mobile” by Karen McGrane, @karenmcgrane
CONTENT STRATEGY RESOURCES
37. 09/30/13 #bbcon 37
Our faves
• “Responsive Web Design” by Ethan Marcotte, @beep
• “Mobile First” by Luke Wroblewski, @lukew
• http://bradfrost.github.io/this-is-responsive/patterns.html
• http://foundation.zurb.com
• http://getbootstrap.com
RWD RESOURCES
38. 09/30/13 #bbcon 38
Want to chat more about your Interactive needs and UX/Design?
Meet Nyleva and Michael in the
“Strategic & Creative Services” Booth!
Location: Across from Booth #105
Time: 3:00 – 4:00 EST
THANK YOU!
