RPL empowers product teams to work more efficiently and holistically, creating user experiences that are cohesive and that elevate brand quality.
All UI components and patterns have been pre-designed and coded for immediate use.
Design guidelines for use, examples and context, as well as documentation for developers
have been included to help guide implementation.
Charts & Graphs
Checkboxes & Radios
Drawers & Asides
Drop downs & Selects
Editable Form Elements
Forms & Layouts
Labels & Badges
Marketing & Commerce
Messaging & Chat
Notes & Reminders
Notes & Reminders
RPL Components & Patterns
Search & Results
RPL utilizes a global navigation shell and common grid system built on a bootstrap framework. Structural rules coupled with style elements establish the base foundation for the system.
Guidelines to enable product teams to make decisions that best address their product needs, while maintaining design quality.
Every application is required to utilize the global shell in order to support consistent navigation and easy transitions between multiple applications.
RPL introduced design standards that shifted development priorities towards design and usability. To establish trust, the RPL team focused on small wins that were achievable and could be used as models for success
RPL supplied design resources and support to a small group of top performing applications to assist with conversion. These applications formed the baseline from which we could iterate, having access to direct feedback and observation.
We learned very quickly that flexibility was key to a successful transition. This sample shows how even with design support, applications of RPL varied depending on interpretation and product needs.
Crucial to the design process was to also establish a system for managing current library assets, while creating pathways for expansion and scale for future development.
How we build a culture of communication, collaboration & support