Wake Up Your Phone a SanDisk powered interactive rich media educational site designed to create awareness of the card slot that most smart mobile phones are equipped with today.

Objective:

The site which is the central piece of a 3 part engagement, invites users to join the SanDisk community, download exclusive content by world renown musicians /artists and create and download ringtones to one’s mobile phone.

The innovative and engaging design was created by COG1 a San Francisco based interactive design firm, presenting a clean and highly interactive user experience utilizing 3D animation elements, which are running in the background.

Among others the site designed to support the following elements;

• Multilingual capabilities with unique region/geographical based structure (with full support of 7 languages)
• Region based content structure, one that allows the association of content with different regional categories and their languages.
• Highly interactive experience, primarily flash interface.
• Rich media Transcoding and publishing capabilities, controlled by regional content managers.
• Full SEO to support that is integrated with flash theme.
• SD card Media Storage Estimator.
• Side wide content search.
• Media manage system, allow users to bookmark and download content to their desktops or mobile devices.
• The adoption and integration of the Ringtone Generator.
• Vlogger channel
• An interactive musicians channel, outlet designed to showcase exclusive content, watch videos, vlogges, images and music.
• An Anarchical notification and approval system, designed notify supervisors of content change globally.
• White label page expansion that leverages the site’s existing architecture and features, for one-off campaigns.
• Hosting with solution for serving over 4bg of static files.

Solution:

The solution came in multiple ways shapes and forms. In order to satisfy the need for a complex rich content management system we choose Drupal at the core of this site. This along side with a proprietary flash theme framework, completed a hybrid solution that enjoys the strengths of a strong back-end management system and an interactive/entertaining front end solution.

The flash based modular theme devised for this solution allows for flash based theme to be controlled via Drupal’s normal content and theme tools. This presents the flexibility of controlling the look and feel for individual contents. From page component position, component type and content stream, themers can create, add new flash elements and tie them to Drupal’s designated data type.

The new approach presented a problem where due to the added layer, data was not easily accessible for SEO or navigational proposes. This is were we incorporated at the core of our flash framework deep linking ; A navigational javascript based framework, that allows for the creation of unique virtual URLs that can point to a website section or an application state. With the introduction of deep linking we enabled a number of important capabilities which are missing in today’s rich web technologies such as flash;

• Bookmarking in a browser
• Sending links via email or instant messenger
• Finding specific content with major search engines
• Utilizing browser history and reload buttons.

In addition to the rich experience presented by the site, a complex regional content structure was required, which allow content manager to map content based on uniquely composed regional markets. The devised solution enhanced Drupal’s powerful multilingual solution, and allow content managers to create regions, assign languages to the regions, default language and the geographical countries that are associated with the region.

In order to simplify the work-flow, a new hierarchical data ownership flow was created where by content may be associated with different levels of granularity. From content that is designated as neutral language, an association that will show up in all regions for all languages to content that is owned specifically to a region language. In the case where the specific content cannot be found under the linguistic/regional condition the system automatically attempt to locate a relational content in a higher level of specificity (under language or at the root level under neutral language)

The System is equipped with rich media Transcoding servers, that allow content managers to upload rich media content, which is automatically Transcoded  to multiple formats, in order to support the different rendering devices. The file system that hosts the media files, was designed with scaling in mind. Hence a storage abstraction layer was introduced to manage all the existing content. This powerful tool grants instrumental amount of flexibility by allowing for file system to be relocated/redirected to a CDN or a Cloud base farm at a later date, with minimum to no impact on user’s experience.

Result:

The build resulted in an application that enjoys a strong and simple back-end content management system while maintain an immersive and engaging front end user experience.