Responsive design

We are proud to announce the launch of the new Seattle Sounders FC site! This is the first site built by the MLS Digital team on our next generation content publishing platform. It was redesigned from the ground up to deliver a consistent, seamless experience across desktop, tablet and mobile devices.

Responsive Design

Over the last several years, we have seen a major shift in our traffic towards smaller screens (over 50%) and we foresee this trend growing. We intended to build a responsive site, but we took things one step further by prioritizing the mobile experience. All designs and CMS elements of the site were produced in mobile versions first, with the larger screen experience being created later. We opted to build our own custom Drupal theme using the excellent singularitygs grid system.

Content Screenshots

Content First

We understand the importance of content. Our new layouts for content display takes advantage of the larger screen space (when available) and adapts the experience for all screens. We removed the clutter and focused on content. The system uses a single content type to integrate video, news, blogs, and other content to simplify editing and placement. We use ‘posts’ to describe ‘news’, ‘articles’, and ‘videos’ then allow the editors to select a layout via a simple drop-down menu. We expect to add new, richer layout options for content in the near future.

Mobile Screenshots

Cloud Architecture

The new platform is hosted entirely on Amazon Web Services cloud infrastructure across multiple, active regions. Our architecture utilizes S3, VPCs, autoscaling, RDS, Elasticache and more and is automatically provisioned using Salt Stack. To learn more about the platform architecture read: Multiple Region Autoscaling Drupal in Amazon Web Services.

We are very excited for the future of the MLS CMS platform. Please share your feedback on the new site design and structure via the red feedback icon on the bottom of every page.

Hans Gutknecht - @hansyg
Justin Slattery - @jdslatts
Louis Jimenez - @LouisAJimenez
Chris Bettin - @chrisbettin
Amer Shalan - @pterodactylitis

New MLS Mobile App for 2015

January 12, 2015

Open beta for new MLSsoccer.com

December 04, 2014 Hans Gutknecht

Standings Visualizations

October 30, 2014 Tom Youds