Building an internal Dribbble with no-code tools

Designers are the wizards of the creative realm, transforming ordinary concepts into visually stunning masterpieces. Yet, their work often goes unnoticed, hidden in the shadows of day-to-day bustle. Recognizing and celebrating their achievements is vital to keep their creative flames burning bright, and more importantly, a team happy. That's where the Design Showcase comes in, a project aimed at putting the spotlight on the fantastic work done by the designers at Chainlink Labs.

What is the Design Showcase

The Design Showcase is a web application that the Design team developed end-to-end at Chainlink Labs, where designers could put their work on display for all to see. The goal was not only to recognize their talent and accomplishments, but also nurture a collaborative, feedback-driven ecosystem. Additionally, the tool served as a handy resource for internal communications purposes, like inspiring newsletters or building an accessible design archive for the organization.

Building with no-code tools

Instead of using engineering resources, we decided to challenge ourselves and put our no-code development skills to the test. The no-code movement has emerged as a game changer. I can’t stress enough how much I love these tools, and how much I admire the projects behind them. They have democratized the process of building digital products, enabling creators, designers, and non-technical enthusiasts to bring their ideas to life without writing a single line of code.

As the first step of the process, we defined a solid stack of no code tools, where Webflow took center stage for the frontend, and Airtable hosted the databases that were linked to various collections in Webflow, also acting as the admin command center. Additionally, Jetboost added a touch of magic with dynamic search, filtering, and reactions, and Memberstack played the role of gatekeeper, restricting site access to users with a company email.

Defining the functionality

Taking inspiration from design display applications like Dribbble, we crafted a straightforward flow. Users needed a company email to access the site, and only designers were granted access to the mystical upload button. Once logged in, users were greeted by the sortable grid on the homepage, with the freshest projects on display.

To upload new projects, designers filled out a simple form, which was connected to Airtable and then to Webflow through Zapier. Within moments of submission, the project materialized in the Showcase.

Inside the app, users could easily explore the latest uploaded work and access individual project pages. They could delve deeper into each project, uncovering details like project brief, date, status, additional images, and associated resources. A kudos section allowed for appreciation of internal and external colleagues' work, and a similar project section at the bottom made site navigation a breeze.

Additionally, each designer had a personal project page, revealing not only their work but also charming and fun personal details like interests, and hobbies. The goal of this page was to help humanize the creative forces behind the brand in a rapidly growing company.

Connecting the backend

To make the app run as smoothly as a well-oiled design machine, we meticulously crafted a set of automations. First of all, we created all the collections within Webflow, using a diverse range of fields to ensure optimal functionality.

Airtable served as the primary database for the entirety of the page's content, housing three essential data sets: projects, designers (or authors), and tags. By utilizing Airtable for our backend system, we not only achieved seamless functionality but also simplified administration and maintenance tasks.

Finally, a variety of multi-step and path-conditioned  zaps with conditional paths enabled designers to submit and publish new projects, update them, create tags, add designers to the team, and update personal information displayed on the site. These automations also streamlined admin tasks like project count and sorting order, making the Design

Outcome

The Design Showcase helped to increase visibility, foster collaboration, and celebrate the incredible work of our talented designers at Chainlink Labs. By leveraging the power of no-code tools like Webflow, Airtable, Jetboost, and Memberstack, we were able to create a dynamic and engaging platform without taxing our engineering resources.

The intuitive design and user-friendly interface made it easy for our designers to share their work and receive valuable feedback, while also allowing other team members to stay updated on ongoing projects. The showcase brought our design community closer together and played a crucial role in promoting our creative minds' accomplishments within the organization, as well as nurturing a thriving design ecosystem.

More projects