Here's the process we used to build the new Concrn.org at the 2016 Hackfest. It started with customer research, experience mapping, wireframing, mood board, color palette, font choices, write new copy, design new visual assets, and deploy using Cloudflare and Pantheon.

1. Brand Refresh & Website Creation in 28 Hours
• User research & understanding.
• Document the user journey through the website.
• Refresh the color palette & font selection.
• Build site using user-friendly theme for Wordpress: Divi from ElegantThemes.
• Write new web copy & calls to action.
• Design new visual assets.
• Use Pantheon hosting with Cloudflare for caching & backup.
• Deploy

3. Starting Point

4. User Research
• Why were you interested in Concrn?
• How did you hear of Concrn?
• How did you get to the website?
• What were you looking for?
• What were your next actions?
• Would you have followed us online? shared
something? donated? registered?

12. Stock photos suck

13. Creative Commons
• Flickr
• Pixabay - Wide variety
• PicJumbo - Less variety, higher quality
• UnSplash - Never met a photo filter they didn’t like
• Splitshire - More concept art, high quality
• FancyCrave - Good quality, harder to search
• Pexels - Good quality, more people pictures
• Life Of Pix - Wide variety, fewer options in a type
• StockSnap - Lots of options, a little harder to search
• Gratisography - High quality, more HDR
• Flickr Creative Commons - Tons of variety, widely varying
quality

15. Thank you!
David, Stephanie, Diane, Di, Mike, Mike, Dom