Responsive Design

I developed these pages in HTML/CSS/JavaScript for instructional and regression testing purposes for the AOUI design system. They demonstrate the flexibility of the built-in breakpoints and the minimal amount of effort to customize each application to be usable on any device. When viewing the pages, try resizing the browser window to observe responsive behavior.

Agency Portal. This page represents the dashboard view for an independent agency user.

Billing. This page is an example of the core billing system for agents.

Intranet. This page represents the dashboard view for an associate, along with several example landing pages.

Life Quoting. This page allows an agent to quote multiple life insurance products simultaneously.

Public Site. This is an example of our then-current public facing website as imagined with the new styles.

Quoting. This is a take on creating an insurance quote.