Design System for Rooms To Go

An image displaying the problem and solution for Rooms To Go's inconsistent UI components, highlighting the need for a unified design system.

An image showcasing the design system overview for Rooms To Go, emphasizing customized icons, colors, and interactions for user-friendly navigation.

An image featuring UI component examples from Rooms To Go’s mobile design system, including navigation bars, product tiles, and input fields.

An image outlining the design system’s goals to simplify shopping, ensure consistency, and create scalable components for Rooms To Go.

An image of a dynamic carousel design for Rooms To Go, displaying interactive product images and banners to highlight promotions.

An image presenting versatile product tile designs for Rooms To Go, offering multiple formats for flexible product presentation.

An image of the Rooms To Go navigation system, demonstrating seamless browsing through the Top Bar, Navigation Bar, and Tab Bar.

An image of slide-out drawers in Rooms To Go’s app, providing quick access to cart summaries and delivery options for a smoother experience.

An image showing optimized input components like buttons, checkboxes, and dropdowns for intuitive user interactions in the Rooms To Go app.

An image featuring real-time feedback tools in the Rooms To Go app, including alerts and dialogs that keep users informed throughout their journey.

An image showcasing Rooms To Go's product detail view with attribute panels, cards, and color swatches for easy product customization.

An image highlighting Rooms To Go's design system, featuring color palettes, typography, elevation, and layout components.

An image displaying the default state of Rooms To Go's product tile system in Figma, showing all component properties enabled.

An image demonstrating customizable product tiles in Figma, with toggled component properties for flexible product displays.

No items found.

Year

2024

Company

Rooms To Go

Services

Link

Download on App Store

About

The Rooms To Go Design System was created to solve inconsistencies in UI components and fragmented guidelines within the mobile app. By developing a cohesive design system using Google’s Material 3, the project streamlined navigation, enhanced product discovery, and improved the overall shopping experience. Key components included dynamic product tiles, interactive carousels, and intuitive navigation elements, all designed to ensure a seamless and engaging user journey. This scalable system not only improved design consistency but also optimized workflows for faster feature development and future growth.

Related Projects

An image with various mobile screens highlighting the redesigned checkout and cart experience for Rooms To Go.

Mobile App for Rooms To Go

An image of a 'The Wolf of Wall Street' movie script booklet designed with only typefaces, featuring a yellow cover and a spread with bold black and white text, a world map, and timeline elements.

Movie Script Booklet for The Wolf of Wall Street