Get an improved navigation experience with a Chrominium based browser.
Dismiss
Ruby Video
Talks
Speakers
Events
Leaderboard
Sign in
Talks
Speakers
Events
Use
Analytics
Sign in
Suggest modification to this talk
Title
Description
Hot Swapping Our Rails Front End In Secret - A Rebrand Story by Chris LoPresto “Everything looks like this, but we want it to look like that.” This is the story of how the team at Betterment replaced our front end code base to launch our new brand. Across all our apps. In secret. And make everything responsive. In 8 weeks. Rails conventions come in handy when a wholesale UI transformation is called for. Learn how we launched a design system, dark deployed an all-new view layer, and unveiled our new brand identity right on schedule. We shipped a lot of code extremely quickly yet managed to elevate code quality and capabilities in the process. Constraint breeds creativity.
Date
Summary
Markdown supported
In this talk, Chris LoPresto shares the journey of how Betterment successfully rebranded its entire front-end codebase within an aggressive timeline of eight weeks, without revealing the process until launch day. The presentation outlines the complexities of redesigning user interfaces across multiple applications while ensuring everything remained responsive. Key topics addressed include: - **Brand Identity Redesign**: The team spent six months revamping the brand identity, which required modifying mission statements, logos, color palettes, and user interfaces across various platforms. - **Timeline Challenges**: Despite initial estimates of 12 months for such a project, the team aimed for a launch date coinciding with Betterment's birthday and managed to complete the redesign in just eight weeks. - **Development Strategies**: Utilizing Rails conventions, the team employed feature flags for incremental changes, allowing them to dark deploy features without disrupting user experiences. This approach also enabled them to solve issues iteratively without endangering the live product. - **Design System Implementation**: The construction of a new component-oriented design system, called Style Closet, allowed for reusable components across applications, significantly improving efficiency in the development process. - **Collaboration and Creativity**: The necessity for creative problem-solving emerged from constraints, urging the team to innovate under tight deadlines. Collaborative efforts between engineering and design teams accelerated the development of the new design system and user interfaces. - **Results and Outcomes**: Upon launch, the team not only met their deadline but also experienced a notable improvement in code quality, reducing CSS complexity and code lines significantly while enhancing user experience. The launch demonstrated the efficacy of their new frameworks and processes allowing for future development opportunities. Through this experience, the team learned that embracing constraints can lead to innovative solutions and ultimately improve both process efficiency and product quality.
Suggest modifications
Cancel