Portfolio//

  • Riot Games: League of Legends
    Project Details
  • Fluid: Vera Wang Princess Website
    Project Details
  • Teachscape: MET
    Project Details
  • ClientShow: Clientshow Collaboration Suite
    Project Details
  • Fluid: The North Face Microsites
    Project Details
  • Fluid: Sears Craftsman Garage Planner
    Project Details
  • IzmoMedia: izmoreader
    Project Details
  • Teachscape: Data Collection Tool (DCT)
    Project Details
  • ebrary: IOS Mobile Reader
    Project Details
  • UBM TechWeb: GDC Vault
    Project Details
  • Ambivo
    Project Details
  • UBM TechWeb: Schedule Builder
    Project Details
  • Vook: Vook Publishing Platform
    Project Details
  • Alltel Wireless
    Project Details
  • Compiere: ERP Form Builder
    Project Details
  • Fluid: Michelle Phan In Paris Facebook Application
    Project Details
  • Tokbox: OpenTok & Website Redesign
    Project Details
  • Fluid: Kenmore & Craftsman Live Studio Facebook Application
    Project Details
  • Fluid: Reebok Shoe Configurator
    Project Details
  • Brain Plasticity Institute
    Project Details
  • Connexive: confidential
  • Posit Science: Brain Games (Confidential)

Riot Games: League of Legends

Technology: Adobe AIR, Flex 3, AS3, Java, Adobe LCDS, Hibernate, Spring 3.0, Maven 2.0

Riot Games was established with the goal of bringing "Gamer's Games" to players all around the globe. Grio worked with Riot on their first game, League of Legends, that has turned out to be an overwhelming success among the WoW and DotA communit. Grio provided the technical expertise to create the Summoner and Statistics systems that are used by the game.

http://www.riotgames.com
http://www.leagueoflegends.com/champions

Fluid: Vera Wang Princess Website

Technology: Adobe Flash, Flex 3, AS3, Facebook API, Twitter API, YouTube API

Vera Wang Princess is an interactive retail site for the Vera Wang Princess perfume brand. Grio partnered with the Fluid interactive agency to transform visual design concepts into a fully functional and highly interactive website. The site integrates functionality from Facebook, Twitter and YouTube to create a compelling experience.

http://verawangprincess.com/us/site/

Teachscape: MET

Technology: Java GWT, Flex

The MET project provides a means of scoring classroom videos for the purpose of identifying successful teaching strategies. The software will be used in the field by the non-profit Educational Testing Service (ETS), and was funded by the Bill and Melinda Gates Foundation.

http://www.nytimes.com/2010/12/04/education/04teacher.html?pagewanted=1&_r=2

ClientShow: Clientshow Collaboration Suite

Technology: Adobe Flash, Flex 3, Adobe Air, AS3, Java

The Clientshow Collaboration Suite is way for creative professionals to manage, pitch and share their work. Grio worked with Clientshow to create a compelling and intuitive user interface that made remote collaboration easy. The system includes realtime screen-sharing, chat and voice capabilities.

Fluid: The North Face Microsites

Technology: Adobe Flash, Flex 3, AS3, PureMVC

The North Face released these micro-sites that celebrate top-notch athletes' accomplishments in their respective sports. Grio is proud to be part of the team that helped turn attractive and stunning graphical designs into live interactive sites.

http://www.thenorthface.com/en_US/brand/running
http://www.thenorthface.com/en_US/brand/biking
http://www.thenorthface.com/en_US/brand/climbing
http://www.thenorthface.com/en_US/brand/snowsports

Fluid: Sears Craftsman Garage Planner

Technology: Flex 3, AS3, PureMVC, Papervision 3D

The Sears Garage Planner is a web-based application to design your custom garage based on products from the Sears Craftsman catalog. You can choose from pre-planned designs from the gallery, or create your own design using the Virtual Garage Planner. The Garage Planner uses sophisticated visual effects and 3-D rendering. Grio collaborated with the Fluid design team to bring the Garage Application to life.

http://www.craftsman.com/garage

IzmoMedia: izmoreader

Technology: Adobe Flash, Flex 3, Adobe AIR, Java, Struts, OpenX Ad Server, PureMVC

izmoreader is an eReader with a content and publication management system that integrates with existing pre-publishing applications, to create an online publishing system. Grio designed and developed the entire system from scratch, including the eReader interface, publication management system, and integration with the OpenX advertising system.

http://www.izmomedia.com/products/izmoreader.html

Teachscape: Data Collection Tool (DCT)

Technology: Adobe Flash, Flex 3, Adobe AIR, AS3, PureMVC

The Teachscape Data Collection Tool (DCT) is a graphical teaching aid used by educational professionals to enter data while evaluating a classroom. A user can select a school he/she is evaluating and the application builds a form specific for that school. When complete, the data is synchronized with the Teachscape servers. Grio designed and built the DCT application from the ground up, working closely with Teachscape to define system requirements and ensure a quality product.

http://www.teachscape.com/classroom-walkthrough

ebrary: IOS Mobile Reader

Technology: IOS

Ebrary is a leading provider of e-book products and services to university libraries and researchers worldwide. Grio is currently developing a mobile reader that will be used to read ebrary documents on the IOS platform, Apple's mobile operating system.

http://www.ebrary.com

UBM TechWeb: GDC Vault

Technology: LAMP, AJAX, JQuery, E-Commerce Integration

GDC Vault is the premium content portal for Game Developers Conference attendees. It offers year-round access to conference recordings and proceedings in slide, audio, and video formats. Grio worked with TechWeb to design and develop all aspects of the system, including user registration and authentication, E-Commerce integration via Modular Merchant, an administrative interface, dynamic website effects, and optimized video rendering.

http://gdcvault.com

Ambivo

Technology: LAMP, CSS, FLEX

Ambivo provides a comprehensive suite of online tools for media creation, media management and media deployment. Grio assisted Ambivo in creating a variety of applications and sites, including a media capture tool and an online editor based on Flex, a LAMP-based corporate website, and a media site for organizing and sharing streams.

http://www.ambivo.com

UBM TechWeb: Schedule Builder

Technology: LAMP, AJAX, MooTools

Techweb Schedule Builder is used by tens of thousands of GDC (Game Developers Conference) attendees, as well as by participants of many smaller conferences. Grio designed and developed a highly scalable system for Techweb that supports thousands of concurrent Schedule Builder users. The system also includes an administrative interface which enables quick and easy customization of the user interface. The Schedule Builder system integrates with several Techweb backend feeds in order to retrieve conference data.

http://schedule.gdconline.com/
http://schedule-ny.interop.com/
http://schedule.gdceurope.com/

Vook: Vook Publishing Platform

Technology: Adobe Flash, Flex 4, AS3, LAMP

Vook was founded with the vision of uniting the disparate worlds of books and videos into one complete, blended story. Grio developed a digital publishing platform for Vook that enabled all forms of media (audio, video, Flash animation, text) to be integrated and displayed in an elegant online eReader. Backend systems were created to manage the creation and delivery of Vook content.

http://www.vook.com

Alltel Wireless

Technology: Java, JQuery, JavaScript, Flowplayer

Alltel Wireless is one of the longest-running wireless telecommunications providers in America, serving customers in six states. Grio assisted with the redesign and relaunch of Alltel's customer site and Intranet, using Flowplayer tools and a content management system over a Java-based back end.

http://www.alltelwireless.com

Compiere: ERP Form Builder

Technology: Adobe Flash, Flex 3, AS3, PureMVC

Compiere Professional is a modern, highly adaptable ERP system. Compiere's design enables applications to be easily customized and extended without programming. Grio partnered with Compiere to design and build the custom form builder for their ERP system, which allows non-developers to easily modify and extend the data entry system.

http://www.compiere.com

Fluid: Michelle Phan In Paris Facebook Application

Technology: LAMP, JQuery, Facebook

This Facebook application is a interactive scrapbook for Lancome's makeup artist Michelle Phan and her visit to Paris. Facebook users are able to comment on Michelle's status updates, and follow her using an interactive map where Michelle Phan notifies users of her current stops. At the end of the trip, users voted on Michelle's best outfit during her time in Paris.

http://apps.facebook.com/michellephaninparis/

Tokbox: OpenTok & Website Redesign

Technology: Adobe Flash, Flex 3, AS3 - PHP, Smarty, HTML, JQuery, CSS

OpenTok is a free set of APIs from TokBox that enables websites to weave live, group video communication into their online experience. Grio partnered with Tokbox to help create these APIs, as well as to produce Flash-based widgets that leverage API functionality. Tokbox tapped the Grio team to assist in building out the redesign of the Tokbox website, which provides online video conferencing software that can be integrated into 3rd-party websites. Grio worked closely with the Tokbox web design team to bring their new website vision to life.

http://www.tokbox.com/

Fluid: Kenmore & Craftsman Live Studio Facebook Application

Technology: Adobe Flash, Flex 3, AS3, Facebook API, Twitter API, YouTube API, Live Video Streaming, PureMVC

A Facebook application where a user can watch live stream of a studio event, interact with other Facebook users realtime through chat, watch past event videos, view event calendars, and request ideas for possible upcoming events.

http://www.facebook.com/#!/kenmore?v=app_336201367647
http://www.facebook.com/craftsman?v=app_150642951629284

Fluid: Reebok Shoe Configurator

Technology: Adobe Flash, AS3, Java, MS SQL Server

Grio and Fluid collaborated to build a customer online configurator that delivers every step of the sneaker creation process instantly. From sole color to eyelets to laces to heel personalization, customers can see sneakers details from every angle and customize accordingly. Grio served as the technology leader for the team that built Reebok's latest shoe configurator and the YourReebok website.

http://www.reebok.com/US/custom-shoes/mens/listing

Brain Plasticity Institute

Technology: Flex

Grio works with the Brain Plasticity Institute, a San Francisco-based research and development center, to develop therapeutic exercises in Adobe Flex for psychological research.

http://www.brainplasticity.com