The Challenge
A previous website redesign for a leading children's hospital had partially implemented a responsive approach by using tables for layout, thus limiting use of CSS frameworks that use modern grid-based layout approaches. AG Strategic was retained to responsively redesign the site under a modern framework and manage the implementation.
Goals
Efficiently manage the web production of a responsive redesign framework for the site. Create a modular, modern CSS framework to allow a variety of page layouts. Retain the existing top-level navigation structure.
Our Approach
AG Strategic designed and provided the following design assets:
Over 20 modular CSS components based on the Bootstrap 3 framework,
Custom code to collapse local section content to a hamburger menu at mobile without conflicting with the existing megamenu,
A responsive, prominent “Donate” button to aid fundraising goals, and, finally,
An online code repository and style guide for in-house developers to use during CMS integration.
Outcomes
Fully functional bootstrap framework pages and custom styles that will be used to redesign the site for an upcoming campaign.