---
title: "Syfy"
url: "/our-work/syfy"
type: case_study
date: 2017-08-15
updated: 2023-05-25
---

# Syfy

Syfy

#  Creating an Out of This World Experience for Science Fiction Fans 

 [ View the site   ](http://www.syfy.com) 

                ![A field of distant stars.](/sites/default/files/styles/promo_medium/public/syfy_hero.jpg.webp?itok=SvHU6ufz "syfy_hero.jpg")  

 Syfy.com was in need of a redesign to deliver a scalable, cinematic full-screen experience that would look great on any device and be commensurate with their original content. Following a successful launch, they were then ready to grow their science fiction user-base, so they decided to merge Blastr.com and Syfy.com. This required an entire redesign that needed to be completed within a six-month timeframe.

 Service areas

- [  Development   ](/services/development)
- [  Design   ](/services/design)
 
 [  See all project services   ](#services) 

   

   

 ![SYFY WIRE on devices](/sites/default/files/styles/wide_xs/public/assets/2017-11/device_right_-_angled2x.jpg.webp?itok=V11tqHUN "device_right_-_angled2x.jpg")

## Redesigning Syfy.com for all devices

While Syfy was busy creating compelling new worlds with their lineup of shows, their website was worlds behind. It was not responsive, not beautiful, and, in the words of Matthew Chiavelli, VP of Digital Media and Strategy, "put together with duct tape and baling wire."

Our team was instrumental in translating a beautiful set of desktop mocks into a living, breathing, mobile-friendly website with a scalable video player that gives users a full cinematic experience on every device.

[Embedded Video](http://www.lullabot.com/media/oembed?url=https%3A//vimeo.com/126985669&max_width=0&max_height=0&hash=MocUp9pxOTnaAcrZTEav63AjV3zmM2hwHLBNp4A7BBw)

## Science Fiction Fans Love Their Syfy

A couple of years after the newly redesigned Syfy.com was launched, the team was ready to expand its user base. Science fiction fans used to flock to Syfyâ&#128;&#153;s Blastr.com for news and features and to Syfy.com to learn about the networkâ&#128;&#153;s TV shows and movies. We partnered with Syfy once again to successfully merge Blastr.com with Syfy.com to create SYFY WIRE, a web experience that allows fans to access all the content and shows they love in one place.

   

   

 ![SYFY WIRE multiscreen view](/sites/default/files/styles/wide_xs/public/assets/2017-11/multi-screen_a2x.jpg.webp?itok=kri6CHbB "multi-screen_a2x.jpg")

## Merging Content from Two Drupal 7 Websites

Migrating data from Blastr.com to Syfy.com (both Drupal 7) provided an opportunity to refine and adjust the underlying content model to meet the needs of the client and their editorial team. We implemented several custom migration features that transformed years of published site content into a more streamlined format by merging content types, cleaning up old data, etc.

## New Design for a Broader User-Base

We implemented a fresh new design for Syfy fans, bringing relevant shows and movies from the Syfy channelâ&#128;&#153;s lineup alongside vibrant articles written by former Blastr.com staff. By combining the content of both sites, itâ&#128;&#153;s now easier to expose show content on articles and to list relevant articles on various show pages.

## Visitors Galore!

SYFY WIRE gave Syfy a much larger user base with more relevant content, and traffic soared during ComicCon, exceeding Syfyâ&#128;&#153;s wildest predictions!

   

   

 ![SYFY WIRE on mobile](/sites/default/files/styles/wide_xs/public/assets/2017-11/mobile_screens2x.jpg.webp?itok=p9T2RGKa "mobile_screens2x.jpg")

   

   
   
 ![SYFY WIRE on multiple devices](/sites/default/files/styles/wide_xs/public/assets/2017-11/syfy-multiple_devices.jpg.webp?itok=awLOyO9L "syfy-multiple_devices.jpg")

> I think the new Syfy.com is one of the best television websites out there right now. It serves our content in a way that is unique to us. It makes it feel big and aspirational.  
>   
> Matt Krueger, Senior Digital Creative Director, Syfy + Blastr

 

##  Project credits 

 The following people contributed to the success of this project.

- Chris Albrecht
    
     Senior Technical Project Manager
- Helena McCabe
    
     Technical Account Executive
- James Sansbury
    
     Director of Product, Tugboat
- Mike Herchel
    
     Former Senior Front-end Developer at Lullabot
- Wes Ruvalcaba
    
     Former Senior Front-end Developer

 <a class="visually-hidden" name="services">Anchor to move to the services section</a>##  Services 

 We provided the following kinds of services to help this project succeed.

- Drupal Development
- Drupal Site Building
- Front-end Development
- UX &amp; Design

  You must have JavaScript enabled to use this form.

## Get in touch with us

### Tell us about your project. We'd love to hear from you!

 First Name  

 Last Name  

 Your email address  

 Your organization  

 How you heard about us  

 Tell us more 

     Leave this field blank