Webflow Award Winner
By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.
The webflow logo

Tilebit

Tilebit is a comprehensive library of components aimed at boosting the efficiency and creativity of designers and teams.

20K

20,000 website visitors in first few months of launch

1100+

1100 inspiration components interlinked with components

512+

512 components designed and developed for site
Overview

Tilebit helps designers go to market faster

For Tilebit.io, Macu's approach was to create a highly functional and inspirational design library that caters to the needs of modern web designers using Webflow, Framer, and Figma. We focused on developing a diverse range of adaptable components, ensuring ease of integration and customization. Our design philosophy was centered on enhancing user creativity and efficiency, providing a platform that not only offers ready-to-use components but also inspires innovative design solutions.

Tools & Services Used for This Project
Step 1

Brand Identity

From initial concept to launch was a timeline of 3 months. We took inspiration from the birthplace of Tilebit, Barcelona and used Tiles to impliment directly into the branding, including the component assets themselves. Featuring 6 different tile designs that could be found around Spain. The logo as well features inspirations from Tiles, alluring to the relationship with Barcelona. We went with orange because its vibrancy and matched the color theory outlined by the Youtube channel already.

Step 2

UI Design

For Tilebit.io, Macu's approach was to create a highly functional and inspirational design library that caters to the needs of modern web designers using Webflow, Framer, and Figma. We focused on developing a diverse range of adaptable components, ensuring ease of integration and customization. Our design philosophy was centered on enhancing user creativity and efficiency, providing a platform that not only offers ready-to-use components but also inspires innovative design solutions.

Step 3

Strategic goals met

Tilebit.io emerged as a game-changer for web designers, offering a comprehensive library of components that significantly streamline the design process. It's been praised for its versatility, ease of use, and the quality of its resources, becoming a go-to platform for designers seeking to expedite their workflow while maintaining high design standards. The positive reception from the design community highlights Tilebit.io's impact in simplifying and enriching the creative process.

Conclusion

Beauty & functionality combined

Tilebit.io emerged as a game-changer for web designers, offering a comprehensive library of components that significantly streamline the design process. It's been praised for its versatility, ease of use, and the quality of its resources, becoming a go-to platform for designers seeking to expedite their workflow while maintaining high design standards. The positive reception from the design community highlights Tilebit.io's impact in simplifying and enriching the creative process.

Common questions

FAQ's

Who are you?

Single white upward pointing arrow

What if I don't like the work?

Single white upward pointing arrow

What makes you different from other subscriptions?

Single white upward pointing arrow

What does it cost to work with the studio?

Single white upward pointing arrow

Services delivered

Brand identityWebsite designWebflow developmentWebflow no-code appSEO

Impact

Tilebit.io is a component library that helps designers using Webflow, Framer and Figma work faster. Over a three-month timeline from concept to launch, Macu created the brand identity, drawing on Barcelona's tiles, and designed and developed 512 components plus over 1,100 interlinked inspiration components. The platform drew 20,000 visitors in its first few months and was well received by the design community for its versatility and ease of use.

Frequently asked questions

How long did the Tilebit project take?

From initial concept to launch, the Tilebit timeline was three months. In that period Macu developed the brand identity, designed and built the platform, and produced 512 components for the site along with more than 1,100 interlinked inspiration components.

What inspired the Tilebit branding?

The branding took inspiration from Tilebit's birthplace, Barcelona, using tiles directly in the identity and in the component assets themselves, featuring six tile designs found around Spain. The logo also references tiles, and orange was chosen for its vibrancy and to match the colour theory of the associated YouTube channel.

What impact did Tilebit have after launch?

Tilebit.io attracted 20,000 website visitors in its first few months. It was praised by the design community for its versatility, ease of use and resource quality, becoming a go-to platform for designers who want to speed up their workflow while keeping high design standards.

About the author

Arnau Ros is the founder of Macu Studio, a Webflow design and development studio in Barcelona that helps startups scale with website design, development and SEO.