One of the best things about Interact quizzes is that they can be customized to look any way you want. That means you can match your site’s style, branding, and user experience so your customers can feel comfortable taking your quiz and focus on how much fun it is. Because we keep releasing new ways to make your quizzes look awesome, I created this post that will continually updated as we roll out new customization options.
(Note, all of these customization options can be accessed under “edit design” in your dashboard, or in the interact quiz builder)
1. Adding a logo. You want your brand experience to be the same across all platforms. Why would you sacrifice that by using a quiz that’s got an interact logo plastered on it? (not that we don’t have a nice looking logo). What I’m saying is that you work hard to establish a brand identity and you don’t want to sabotage that by using third-party plugins with someone else’s branding. We like to keep things simple when it comes to logos, and your brand appear in the bottom right hand corner – just enough to be seen but not so blatant that it’s annoying.
For best results, upload a .png file, if you don’t know what a .png file is, ask Bill in IT (it just seems like everyone in IT is named Bill).
2. Custom cover photos. The quiz above pretty much nails it as far as cover photos go. We did a huge study of quizzes and found that photos of one smiling person attract the most clicks. Gender and age don’t really matter, but don’t use any weird photos or pictures of your kids or anything like that. Once again, upload a high quality photo (blurry pictures look super jank), the recommended dimensions are 900x400px.
3. Changing background colors. You can make the background of your quiz any color you want in just two clicks. This is marvelously fun to play but, but also dangerous territory. Did you hear about the designer who made a bright yellow quiz? Me neither, because he got fired and switched jobs to become a professional football player – not a bad outcome I guess.
Back to reality, our designer made this super nice list of ways to combine font colors and background colors to make something that doesn’t look hideous.
4. Customizing font color I kind of covered this one in the previous chart. In general, stick with white or black text. Slight variations (like light grey or light blue) can work but don’t get crazy.
5. Font style (coming soon) We’ve picked a few different fonts that look great and fit well with different types of sites. More on that to come soon.