Site Showcase: Catch Whodunit
There is no mystery how this site works so seamlessly! Integrated branding and clever custom dashboard draws you in and creates the ultimate sleuthing experience.
Client Site Description: Professional Website
Template Chosen: Cacao
Why did you choose that template?: We needed the robust flexibility of the Brine template family and this version had the most similar fonts to our main paragraph text so it would be less of an issue if something wasn't styled in the future.
What was the Client's Objective?: Catch Whodunit is the first ever online monthly murder subscription service. Our goal with this website is to get people to sign up for the free case and eventually buy a subscription.
Tell us a bit about the design process?: I worked with Catch Whodunit through the full branding process from logo to branding to web design so that we could make everything consistently work together to immerse the customers in this world so they felt like a film noir detective solving a case. We developed a set of brand elements to use throughout all their marketing including fingerprints + footprints, crumpled paper texture, blood spatters and more. We originally had this built on Wordpress, but realized that the Catch Whodunit team would want more flexibility to be able to add and edit their site on their own and Squarespace offers that usability as well as being able to let us apply their awesome brand design to the full site.
How did you help the client differentiate their business through design?: We worked really hard to create a whole world for Catch Whodunit through the tiny design details, language and overall story. There are characters who help you along in the cases, each with their own personalities, and even a fictional city with super clever names like Night Falls and Flotsam Docks to really create a whole world to immerse our customers in. The details of this whole brand are so amazing!
Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: There is so much custom CSS for this site. Because it was originally planned for Wordpress to be custom developed, there was a lot that wasn't specifically designed for Squarespace. But it was a great challenge for me to get it as close as possible to the original design on Squarespace through CSS.
What are the top three creative features you used in the design?: 1) The use of so many small design details that contribute to the brand and how we were able to sprinkle them into each section to make it special.
2) The detective's desk in the middle of the page is your actual dashboard when you sign up, so we wanted to create a hover state that explained what each object did.
3) The brilliantly creative copy from Verve & Vigour really pushed the brand to the next level and challenged me to really let the content drive the design.
Anything else you want us to know about the site?: The program starts on August 7th and everyone should sign up for the free case! I've beta tested it myself and it's so fun, especially if you're a fan of true crime podcasts and mystery novels!
Vendors used?: Verve & Vigour for copywriting - http://verveandvigour.com
iStock and Shutterstock for photography
SQSPTHEMES.COM for the lightbox plugin and countdown time - https://www.sqspthemes.com