AllRegs Responsive Redesign

Modernizing mortgage compliance content for the mobile era

Ellie Mae • Senior UX Designer

Background

AllRegs is a leading provider of mortgage regulatory compliance information, serving thousands of professionals in the mortgage industry who need quick, reliable access to federal and state regulations. The existing platform was built for desktop users in an era before mobile devices became essential workplace tools.

Mortgage professionals increasingly needed to access compliance information on-the-go—during client meetings, site visits, and while traveling. The desktop-only experience created friction and forced users to wait until they returned to their offices, slowing down decision-making and reducing productivity.

Goals

Transform AllRegs into a responsive, mobile-first platform that empowers mortgage professionals to access critical compliance information anytime, anywhere.

Responsive Design

Create a seamless experience across desktop, tablet, and mobile devices without compromising functionality

Improved Search UX

Redesign search and navigation to help users quickly find specific regulations and compliance guidance

Enhanced Readability

Optimize typography and layout for reading dense regulatory content on smaller screens

Personalization

Enable users to save, bookmark, and customize their experience based on their specific regulatory needs

My Role

Senior UX Designer

  • Led the responsive redesign initiative from discovery through implementation
  • Conducted user research with mortgage professionals across different device contexts
  • Created responsive wireframes and prototypes for all major breakpoints
  • Developed a component-based design system for consistent cross-platform experience
  • Collaborated with content strategists to optimize information architecture
  • Worked closely with development team on implementation and QA

Process

Our approach balanced user needs with business requirements, ensuring the redesign maintained the depth of content that made AllRegs valuable while dramatically improving accessibility and usability.

Discovery & Research
Conducted contextual inquiries with mortgage professionals to understand how, when, and where they accessed compliance information. Analyzed usage data to identify high-priority features and common user journeys.
Information Architecture
Restructured the navigation and content hierarchy to support mobile-first browsing. Created card sorting exercises to validate new categorization schemes with users.
Responsive Design System
Developed a modular design system with responsive components that gracefully adapted across breakpoints. Established typography scales and spacing systems optimized for readability.
Prototyping & Testing
Created interactive prototypes and conducted usability testing across devices. Iterated on designs based on user feedback, focusing on search efficiency and content consumption.

Solution

Key Design Improvements

Adaptive Search Experience

Redesigned search with contextual filters, predictive suggestions, and mobile-optimized results display. Users can now find specific regulations in seconds, even on small screens.

Responsive Content Layout

Created a reading experience optimized for legal and regulatory content, with adjustable font sizes, collapsible sections, and easy navigation between related regulations.

Personal Collections

Implemented bookmarking and collections features allowing users to save frequently-accessed regulations and create custom compliance libraries for quick reference.

Progressive Navigation

Designed a navigation system that reveals complexity progressively, showing high-level categories on mobile while providing deep drilling capabilities on larger screens.

Offline Capabilities

Enabled offline access to saved content, ensuring mortgage professionals can reference critical regulations even without connectivity.

Outcome

The responsive redesign successfully modernized AllRegs, dramatically improving the user experience across all devices while maintaining the comprehensive depth of content that users depended on.

  • Mobile Usage Growth: Significant increase in mobile and tablet usage following the redesign
  • Improved Search Success: Users found relevant content faster with the redesigned search experience
  • Higher Engagement: Session duration and page views increased across all device types
  • Positive Reception: Users praised the improved readability and mobile accessibility in feedback surveys
  • Reduced Support Tickets: Fewer navigation-related support requests after launch

Reflections

This project highlighted the importance of understanding context of use when designing for mobile. Mortgage professionals weren't just looking for a "mobile version"—they needed specific functionality optimized for the moments when they reached for their phones: quick lookups during client conversations, reference checks in meetings, and research while traveling.

The challenge of displaying dense regulatory content on small screens required creative approaches to progressive disclosure and information hierarchy. We learned that mobile users were willing to take additional taps if each step provided clear value and moved them closer to their goal.

Due to confidentiality requirements, detailed visuals and specific metrics have been omitted from this case study.