-
Riot Games: League of Legends
-
Fluid: Vera Wang Princess Website
-
Teachscape: MET
-
ClientShow: Clientshow Collaboration Suite
-
Fluid: The North Face Microsites
-
Fluid: Sears Craftsman Garage Planner
-
IzmoMedia: izmoreader
-
Teachscape: Data Collection Tool (DCT)
-
ebrary: IOS Mobile Reader
-
UBM TechWeb: GDC Vault
-
Ambivo
-
UBM TechWeb: Schedule Builder
-
Vook: Vook Publishing Platform
-
Alltel Wireless
-
Compiere: ERP Form Builder
-
Fluid: Michelle Phan In Paris Facebook Application
-
Tokbox: OpenTok & Website Redesign
-
Fluid: Kenmore & Craftsman Live Studio Facebook Application
-
Fluid: Reebok Shoe Configurator
-
Brain Plasticity Institute
-
Connexive: confidential -
Posit Science: Brain Games (Confidential)
Portfolio//
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.comhttp://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=2ClientShow: 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/runninghttp://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/garageIzmoMedia: 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.htmlTeachscape: 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-walkthroughebrary: 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.comUBM 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.comAmbivo
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.comUBM 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.comAlltel 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.comCompiere: 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.comFluid: 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_336201367647http://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/listingBrain 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