Established in 1937, The Kennedy Krieger Institute (KKI), located in Baltimore, Maryland, provides inpatient and outpatient medical care, community services, and school based programs for children and adolescents with learning disabilities, as well as disorders of the brain, spinal cord, and musculoskeletal system. The Institute provides services for children with developmental concerns mild to severe, and is involved in research into various disorders, including new interventions and earlier diagnosis. Their dedicated physicians, researchers, therapists, and educators work in concert to target the problems involving the developing brain, in order to unlock every child’s full potential. Because of their immense size, managing all of the KKI campuses, centers, and programs in one website is a daunting task to say the least. SI was chosen to help because of their extensive experience with Drupal.
Migrating from Drupal 6 to Drupal 7
Kennedy Krieger's (KKI) previous site was built in Drupal 6, but had bypassed many of Drupal's functionality, using hardcoded items (ex. menus) instead of those build into Drupal. KKI wanted an agency that could preserve the same functionality, but implement it using standard Drupal Modules. Simple Information accepted the challenge.
Because of internal constraints, KKI did not update its design for desktops but rather incorporated the current design into D7. SI worked with the KKI Marketing department to re-create critical functionality in Drupal 7. Centers and programs, like PACT, were give their own "microsites" that remained part of the KennedyKrieger.org domain; however, functioned like a separate website. The microsites allowed the different programs, centers, etc., to share elements of the website like blocks, menus, or views. The microsites are separated by using a different URL alias path, for example, /pact/ for PACT related pages.
Furthermore, KKI wanted to improve the current design for mobile users. Again, SI accepted the challenge and excelled. SI applied responsive design techniques to the D7 theme allowing mobile users to easily navigate the site on their mobile devices. Below are some examples,
Creating a Mobile Accessible Website
Above we see how the new mobile design emphasizes KKI's core areas like Patient Care, Research & Training, Special Education, and Community Initiatives.
This website has more than 30,000 pages so SI designed an accordion menu (shown to the left) to help users easily navigate to the page in which they seek. Any major page can be reached in just three clicks or less.
Customized blocks show users the latest institute news and calendar events. SI optimized the calendar interface to make it mobile device friendly.