No-Code Conf

2021
Webflow

No-Code Conf 2021 brought more than 18,000 no-coders together across 135+ countries — including companies like Adobe, Apple, Airtable, and Google, and more. As a collective, we uncovered the future of no-code, and we’re just scratching the surface.

My roles
Concept
Concept
Define
Define
Design
Design
Develop
Develop
Discover
Discover
Optimize
Optimize
Problem

To create an engaging, inspiring brand as an evolution for the first ever No-Code Conf that took place in 2019. The direction was to align with the product announcements and goals for the future, while establishing an easily scaled system for a variety of sub-campaigns.

Solution

Through an in-depth 2 week brand exploration sprint, the entire Brand Team worked through hundreds of concepts to land on an isometric, minimal brand. From the initial direction, we continued to refine the standards across countless deliverables leading up to the event.

Teamwork makes the conf work

Early on, we realized how crucial it was for the entire Brand Team to be involved and aligned on the conception and execution of the conference brand that would define the direction of many deliverables to follow. From realistic 3d, to very minimal and type heavy, we scrubbed pixels together in Figma over two weeks to refine a brand evolution we were all proud of, felt aligned well with the goals, and could confidently go forth to efficiently create an inspiring event.

Bringing illustrations to life

Our final isometric illustration system, which represented the compounding effects of building with multiple no-code tools, was a prime opportunity to introduce some subtle motion to inspire delight and communicate a deeper meaning of what they were representing. I used native Webflow interactions alongside a creative approach to splitting the illustrations into pieces we could animate in an inclusive way across many different pages and campaigns. Check out this tweet thread for a quick breakdown of how it was done.

Structure matters

As more details about the event were launched in the months and weeks leading up to it, we were constantly updating the CMS of the site, so from the beginning it was a high priority to ensure it was all architected in a way to make updates quick and without the opportunity for human error. To do this, some of the native Webflow limitations with things like nested collections were worked around with some custom Javascript here and there, as well as aligning the schedule, speaker and session structure with the broader team that was creating it.

Even the phase had a phase

While there were around five main phases of the No-Code Conf 2021 site that were launched, we had many sub-camaigns, experiences and live stream support pages that were designed, built and launched along the way. This process was both challenging at time, but also very telling of how the brand and site development were truly resilient and scalable.

Other Work ↓

Corey Moen

Designer + Nerd
Since 2011

I'm a midwest family man with a love for design and front-end development. My deep desire to consistently learn from others, and my own experiences, fuel my skills to create brands visually, then develop them into reality with code and modern tools like Webflow.

About me

Are you a fellow Webflow super fan?

I love making connections in the community, so please reach out via email or DM! As a parting gift, here are a couple of Webflow resources I maintain to help and inspire you!

Made in WebflowCode SnippetsResource Library