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?

Recent Posts

How I survived two breakdowns creating the perfect AI profile pic

Tired of struggling to get the perfect profile picture? I tested everything from bad photoshoots…

2 days ago

Jingle Bells: packs of Christmas clipart and icons

Check the diverse sets of Christmas clipart and illustrations from the Icons8 library.

1 week ago

Merry Christmas! Designer’s magic box with holiday graphics

Fancy, elegant, cute, and vintage: we've collected all kinds of icons, vector illustrations, and ready-made…

2 weeks ago

Christmas and New Year clip art, vectors, and 3D illustrations

Bring that holiday spirit on with a shiny new collection of free Christmas and New…

3 weeks ago

Dark mode 101: everything you need to know as a designer

A (nearly) scholarly article on dark mode that covers its benefits and drawbacks and explains…

3 weeks ago

#000000 Friday deals for designers

Check out our compilation of the most tempting 2024 Black Friday deals for graphic and…

4 weeks ago

This website uses cookies.