Codely

Codely is quality and good vibes, pure personality. Together, and with maximum agility, we evolved their brand to drive their competitive advantage in this new stage, without losing their essence, with a new visual universe and a more functional website.

How it all started

What do Codely, Hawaii, and a dog with a cape have in common? We tell you in this Case Study.

Codely is an online training platform for programmers. But nothing like your typical academy. Here development and learning is a fun process, integrated into your workflow, and completely up-to-date, both in substance and form.

THE STRATEGY JOURNEY

We started working on the challenge of evolving their brand so they could drive their competitive advantage without losing a shred of their essence. To identify their value proposition, align their discourse, and guide the redesign process with agility, we needed to understand their ecosystem and get to know Rafa, Javi, and their team.

That way, we could build a platform that captured their essence (learning at the highest level doesn't have to exclude having fun), their evolution (becoming more than just a product and creating bonds with their community), and their way of being and doing that stands apart from the sophisticated world of development. In short, we came to the conclusion that Codely was Development without the fuss.

The strategic work allowed us to create the brand's profile for this new stage. Its new visual identity goes far beyond the logo—it's an entire universe.

Codely's new logo emerges from its environment, from its medium. The diamond that marks the beginning and end of HTML tags, which leads us to discover plays like the resemblance to Codely's C and D consonants, or the similarity to a play and the rewind forward of videos. Moreover, it opens a door to the digital sphere where the brand lives, enabling "a world of avatars".

Another key element of the new visual universe is its color. With this green very similar to that of the chroma keys we position the brand in the tech trend and offer it infinite possibilities. To combine this color full of meaning and emotion, we have a nuanced and unique white and black.

We managed to reflect how seriously they take programming and development, but... where does fantasy fit in? Would this adult version of Codely have to stop wearing Hawaiian shirts on Fridays? Of course not. Starting from that casual team uniform, with the Hawaiian shirt as its flag, we created a first pattern that could coexist with the rest of the brand elements and cover the space that the green chroma provided us with.

But just one? The print opened the doors to fantasy. A pineapple? A flamingo? A dog in a cape? Here anything is possible.

The evolution and new visual universe of Codely also transforms the place where it all began, its website. We started by organizing everything that needed to be communicated, both at product and brand level. Hand in hand with the Codely team, we identified their strongest points to prioritize and tell them. Codely, identified their strongest points to prioritize and communicate them.

And from there we made the first decisions on architecture and navigation, to offer users a clear and straightforward approach. On the new homepage, we understand at first glance what Codely.tv and what their value proposition is, and we've built two distinct landing pages for their two audience types: coders and enterprises. As for the fantasy brought to the web... better judge for yourself. Are you ready for a little magic?