Inspiration

Case study: the making of CSSDA’s new certificates

Here’s a case study from our friends at Red Collar on how they reimagined CSSDA certificates—turning typography, color, and motion into artful design pieces.

Hi, it’s Den from Red Collar. Let’s talk about our recent collaboration with CSSDA and how we turned a simple concept into something truly exceptional.

At Red Collar, a digital agency known for bold creative solutions and attention to detail, we’ve spent years crafting award-winning work for global brands and platforms. Recently, we teamed up with CSS Design Awards (CSSDA)—a platform celebrating the best in UI/UX design—to create their new certificates. Here’s how we approached the project and what went into making these pieces, not just awards but art.

Form: a fresh perspective on simplicity

The idea behind the certificate design was simple: look at ordinary things from a new angle. Even straightforward typography can transform into a stunning design object when viewed differently.

We created a unique, isometric typographic composition where the award text isn’t just static—it’s part of the design itself. Inspired by the CSSDA logo’s 45-degree tilt, we applied this angle to achieve a sense of depth and balance. The result? Certificates that feel like they’ve stepped straight out of a modern art gallery.

The goal was clear: we wanted each certificate to double as an art print—something worthy of being framed and displayed alongside posters or interior decor.

Color: subtle vs. special

We divided the certificates into two types—standard awards and special nominations—and let color set the tone for each.

  • For the standard awards, we kept it clean and elegant with a minimalist palette: colored typography on a dark gray background. The contrast makes the awards feel modern and sharp, giving the colors center stage.
  • For the special nominations, we pushed things further with bold, bright backgrounds. This choice highlights their uniqueness, making these awards feel rare and celebratory.

Animation: typography in motion

The same design principles guided the animation process—distortion, transformation, and new perspectives. We wanted the animation to reflect the feeling of entering an alternate universe, where space and typography behave in unexpected ways.

By playing with angles, depth, and movement, we created animations that immerse the viewer and reinforce a core design truth: sometimes, you need to change your perspective to see something new.

The general video: bringing the concept together

To showcase the certificates, we put together a video featuring short animations. Each animation reflects how typography moves and behaves in the “alternative universe” we created. The key idea? Changing the angle changes the perception.

Animated certificates: sharing beyond the frame

Beyond the physical certificates, we offered something extra: animated certificates. Each winner gets a customized animation they can share on social media—an engaging alternative to posting a static photo. This way, winners can showcase their achievements in a dynamic, attention-grabbing format.

Creating these certificates wasn’t just about handing out awards; it was about reimagining how awards are presented and perceived. By combining thoughtful design, animation, and color, we crafted certificates that honor winners while turning everyday typography into something extraordinary.

At Red Collar, we believe great design comes from looking at things differently. So what do you think—how much does the right use of form and color shape the way we celebrate success?

Adeline Knight

Content writer at Icons8. Vinyl record collector, amateur photographer

Recent Posts

What are monochromatic colors?

Monochromatic color = one hue, many values. Learn what it is, why it works, examples,…

1 month ago

Is the three-click rule just some three-word bullshit?

A blunt look at why “three clicks” isn’t a usability law, what actually drives task…

1 month ago

Ultimate guide to table of contents design (15 inspiring examples + pro tips)

Your cover may hook them, but the contents page keeps them. Learn how to design…

1 month ago

50+ tested AI image prompts for content creators who want to stand out

Because your feed shouldn't look like it was generated by the same three people. (more…)

2 months ago

Poster ideas & examples: creative poster design explained

From bold typography to organic abstracts, explore creative poster layouts with pro tips to adapt…

2 months ago

Using Garamond in 2025 without looking like you’re stuck in 1995

Everyone's out here saying "don't use Garamond" like it's 2015. Spoiler alert: it's not.

3 months ago

This website uses cookies.