Scooby Doo Character Studio
Interactive Website Design
My role
Lead UI/UX Designer / Art Director
Project type
Interactive website
Personality
Nostalgic, playful, whimsical, family-friendly, engaging
Creative Director
Karim Youssef
Lead Developer
Wade Hunter
What i did
Overview
Following the highly successful launch of the Scooby-Doo Character Studio—where fans could create personalized avatars in the classic 1970s Scooby-Doo art style—I was brought in to lead the UX/UI design for a major feature expansion. This new feature introduced the ability for users to create “Scoobified” dog avatars, allowing fans to personalize pets in the same retro style and feature them alongside their human avatars and the Mystery Inc. gang.
Client needs
Problem
The platform let users create human avatars, but pet owners wanted to include their dogs too. There was no way to build pet characters or manage multiple avatars in one place, limiting personalization and merch options.
Solution
Add a Scoobified dog builder and a dashboard for managing both human and pet avatars. Ensure pet avatars can be paired with humans in new products—all designed to match the classic Scooby-Doo style.
Design system
Typography
primary
AA
Crocante
secondary
Crocante
Colors
Component library
Low-fidelity wireframe
Key Features
01. Homepage Highlight + Onboarding CTA
To drive awareness, I designed an animated product spotlight on the landing page that teased the Scoobified dog builder with playful animation and a clear CTA. This ensured seamless navigation into the new feature.
02. Scoobified Dog Avatar Builder
A new interactive builder allowed fans to create personalized dog avatars with customizable breed types, fur textures, colors, accessories, and more. The builder stayed true to the 1970s Scooby-Doo art style for a cohesive and nostalgic experience.
03. Character Dashboard
I added a new feature to the existing dashboard that allowed users to create and manage both dog and human avatars—viewing, editing, or deleting them as needed. The dashboard also supported avatar pairing for merchandise generation and preview.
04. Merchandise Art & Illustration
In addition to designing the UX/UI, I designed the branded artwork used in the merchandise, ensuring a seamless visual experience across avatars and products. This included custom scenes with the Mystery Machine, product layout designs, and integration of avatars into compositions ready for print and digital delivery.
05. Merchandising Pipeline
Once avatars were saved, the app generated final artwork files for new personalized products—including shirts, sweatshirts, posters, and more—allowing users to purchase custom merchandise featuring both their avatars and the Mystery Inc. gang.
Outcome
The Scoobified dog builder was met with excitement from fans, especially pet owners who had long wanted to see their dogs in the Scooby-Doo world. Engagement increased, and the Character Dashboard improved overall usability. Merchandise featuring dog avatars launched successfully, driving a new wave of purchases and user-generated social content. This feature elevated both the emotional resonance and commercial success of the Scooby-Doo Character Studio platform.
