Announcing the launch of the Rails World Conference app template to the Figma Community!

Linked in logoX logoFacebook logo
Carlos Quijano
August 29, 2024

We’ve previously mentioned that Telos is designing and developing an official PWA for all the conference attendees. 

In addition, here is the Figma community app template. You can use it either to make modifications to our existing open-source app or as an aid in creating your own app. 

One of the exciting aspects of this Figma Community template is its high level of configurability. The template already includes the major features - such as the agenda management, scheduling sessions and networking tools - designed in high fidelity, fully integrated, and ready for immediate use and modification for any given conference. This is ideal for designers and companies who want to develop their own conference app while minimizing investment in design.

We initiated a Design Sprint to create a compelling user experience for the Rails World 2024 conference, as well as establish the foundation of an open source app that can be adjusted for other kinds of conferences. 

  1. Understand: Our first step was to understand this year's design language and Rails World branding to use them effectively.
  2. Design: Then we applied our understanding to improve the designs, focusing on getting the product usability and flows right.
  3. Systematize 1: We then abstracted the final designs into Figma components, relying on the best practices in Figma design. These components were an excellent help when iterating on the final tweaks and modifications of the designs.
  4. Systematize 2: Next, we designed the core design system library elements to consolidate the UI kit, establishing a palette of colors based on Material Design, typography, iconography, margins, and overall layout for the PWA.
  5. Systematize 3: We then defined design tokens, a feature that ensures consistency, scalability, and collaboration with efficiency. This allowed us to implement a dark mode and easily switch between different styles as needed.

By following these good design practices, Product Design and Developer teams can easily develop new components and readily understand the design system library (such as color hex values, typography, and spacing). These practices are key in ensuring a productive collaboration between design and development.

We hope this open-source design resource will help accelerate the use of the Rails World conference app outside of the Rails World context so anyone can create an engaging conference app that suits their needs! 

Please drop us a note at design@teloslabs.co if you have any feedback on this post or the Figma file.

READY FOR
YOUR UPCOMING VENTURE?

We are.
Let's start a conversation.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Our latest
news & insights