GRECO DÁVILA

FRONT-END

Copyright© 2014 Web Developer Greco Dávila, All Rights Reserved

FOURTUNE MACHINE

Fourtune Machine

OCT-2012

LATITUD 90 S

Latitud 90 Sur

NOV-2012

POLO GTI

Polo Gti

MAR-2013

INVADER FESTIVAL

Invader Festival

AGO-2013

PROMOCIONES VW

Promociones VW

SEP-2013

JACK HONEY

Jack Daniel´s Honey

OCT-2013

MOSTACCION

Mostaccino

NOV-2013

MABE

Mabe Prime Blend

ENE-2014

VW RALLY

VW Rally

MAR-2014

NOSSOCOCO

Nossococo

APR-2013

MI MUNDO IDEAL

Mi Mundo Ideal

MAY-2013

ENCUESTAS MX

Encuestas México

JUN-2012

Fourtune Machine

This project was my first as a developer. The needs for the project were create an app that were able to communicate with 4square and Arduino. The idea was integrate an analog experience/insight which was the gum machine giving you a prize and the digital insight of doing check-in in the places you visit and loved. For these project we have 15 days that were a full learning experience due not only I program the Arduino also built mechanism that make possible the experience(the electronical parts). You can check out the study case on the link below.

Roll : Developer

Agency :Digital Invaders

Client :Digital Invaders 9.0

Lenguages or Framework : C#, javascript, phyton

Team Partner :Rafael de León

Designer : Chan Alvarez

Visit the Site

Latitud 90 Sur

One of my first projects as well, I used html5 video tag and popcorn.js to track the queue points on the video to make it interact with a Facebook connect. The idea make a religious experience online, my team and I came to the idea of make a experience video which include very emotional insights and images so the user can be related to. This site has google api for a geo location integration with flash to open the webcam and facebook connect to get the user friends and name. It was a pretty cool site. Please check the PADI in the link below.

Roll : Front-end, Developer

Agency :Digital Invaders

Client :Digital Invaders 9.0

Lenguages or Framework : Ruby rails, javascript

Team Partner :

Designer : Joel Avedaño

Visit the Site

Polo Gti

For the presentation of the new Polo Gti, we were requested to develop a microsite where the principal assets of the car were shown. This project has 2 structures the mobile/iPhone version which is separate from the desktop/iPad. We work it this way due the difference in the design, it was easier to implement them into the programming with the animations and the effects in the interface, draggable buttons to animated elements from the design. I had to adapted the functionality of the desktop version into the mobile.

Roll : Front-end Mobile

Agency :Grupo w

Client :Volkswagen

Lenguages or Framework : javascript, css, html

Team Partner :Carlos Aguilar

Designer : Jesus Barajas

Visit the Site

Invader Festival

The school needed dissemination so, they think in making a conference to let people know the projects and his unique way to work with the Invaders. One of my favorite projects cause it gave me the chance to explore a full resolution grid. It was made with jquery, css and html5. I worked closely to the designers to develop the look and feel the UX and the animations. It has a very cool UI so take the chance to visited.

Roll : Front-end

Agency :Grupo W

Client :Digital Invaders

Lenguages or Framework : jquery, php

Team Partner :

Designer : Sindy Salas, Alan Rodriguez

Visit the Site

Promociones Vw

Since the beginning of the project where the redesign was asked, the IT team was included into the develop of the design and UX, this make easier to planned the mobile version of the site, which was planned with modules and a grid structure, after the desktop was completed I enter to adapt and make the transition to mobile, not only make it responsive also implementing swipe gestures so when someone enters in the site by mobile those gestures are as intuitive as already is when changing slides.

Roll : Front-end Mobile

Agency :Grupo w

Client :Volkswagen

Lenguages or Framework : php, jquery, html, css3

Team Partner :Carlos Aguilar

Designer : Jesus Barajas

Visit the Site

Jack Daniel´s Honey

This variation of JD was about to be launched in Mexico so, we need a microsite where it could be presented to the public. The Desktop version has interactions with facebook and more detailed animations but due performance issues we cut many of the animations and make it little different from the desktop design but still keeping dome of the animations to keep it as loyal as possible from the main version. One of the coolest part was realizing that the direction of the swipe affects the direction of the orientation of the animation.

Roll : Front-end Mobile

Agency :Grupo w

Client :Jack Daniel´s

Lenguages or Framework : php, jquery, html, css3

Team Partner :Carlos Aguilar

Designer : Jesus Barajas

Visit the Site

Mostaccino

For the promotion of this product we emphasize and exaggerate the main quality of the product. One of the brand requirements was that we should use new technologies, we propose a game that interacts with the iPhones gyroscope to make the foam stabilised it using Node.js powered with sockets, but the purchased of the serve that was required couldn’t be finalized so, we keep it as a prototype version only. This site has animations based on frame animation in its first part of the site, after the preparation of the coffee we get you into the game which was develop in flash for a better performance. The site is no longer online but you can visit it on our qa.

Roll : Front-end

Agency :Grupo w

Client :Nescafé

Lenguages or Framework : AS2, jquery, html

Team Partner :Heidi Lopez

Designer : Jesus Barajas, Pablo Mercado

Visit the Site

Mabe Prime Blend

Some redesigns were made into the site so I got the chance to develop 4 sections with its integrations to .Net. In this sections I had the chances to propose animations so after searching for some plug-ins that make it easier the designer and me talk about which could be better for the site, also due the browser requirement I have to work a little restricted so everything could work smoothly into IE8. Those sections: Showrooms, Noticias, Tips and Glosario, have not been put online, so you can look at them on our qa version of the site.

Roll : Front-end

Agency :Grupo w

Client :Mabe

Lenguages or Framework : .Net, jquery, html

Team Partner :Abril Alvarez

Designer : Sindy Salas, Alan Rodriguez

Visit the Site

Volkswagen Rally

The brand needed to promote the rallies on the country for these it requires a site to make a contest which can lead you to win as a price a totally paid travel to this events. The biggest one was a travel to Argentina. The base of the page was to present the 3 types of drivers you can get related to, and to make a video where after answering some questions you get a video with custom subtitles that could be share to a friend. This site has a responsive version but without the video part due the subtitles can’t been shown in mobile over the video been played.

Roll : Front-end

Agency :Grupo w

Client :Volkswagen

Lenguages or Framework : .Net, jquery, html, css3, jade, sass

Team Partner :Yushell Darwich

Designer : Sindy Salas, Alan Rodriguez

Visit the Site

Nossococo

I have the opportunity to make a participation in a friends agency, where we were able to come with different ideas to solve the UX of the page due the design is beautifully made as a aquarelle painting, it get us some struggles to the full screen issue of every section. I work with some ideas but the fact that every sections requires an specific environment I need the background to be cut in a very specific way so every section would fit full screen size no matter what size screen the user has.

Roll : Front-end

Agency :Los Rodriguez

Client :Nossococo

Lenguages or Framework : jquery, html

Team Partner :Juan Fuentes

Designer : Sindy Salas, Alan Rodriguez

Visit the Site

Mi Mundo Ideal, from Think Blue

For the Earth Day the bran want to make a interactive card to remind people the importance of taking care of our planet also to promote the different activities they have to be a sustentable brand. The team came with the idea of make a little game that gives a message to the user, we use the Framework Phaser to develop the game with canvas, it was develop in this technology to get away a little from flash, this site has audio included worked through canvas, animations with sprites jsons and the integrations of some html css animations as well. The coolest and scariest part is that the site was practically developed in 5 days.

Roll : Front-end

Agency :Grupo w

Client :Volkswagen

Lenguages or Framework : phaser, jquery, jade, sass

Team Partner :Esteban Ramirez, Ivan Nuñez

Designer : Sindy Salas, Esteban Madrigal

Visit the Site

Encuestas México

This project gave me the opportunity to be both developer and designer, I have full freedom to make all I want, but as developer I tried to keep it simple as possible. After watching some references I started to make prototypes of the animation using some basics css2 and jquery implementations I started using object oriented functions so it would make it easier to make many dynamic buttons. It has a DB implementation with PHP, it was also develop a CMS for the client to administer it.

Roll : Front-end

Agency :HOE

Client :Encuestas México

Lenguages or Framework : php, jquery, jade, css2

Team Partner :Greco Dávila

Designer : Greco Dávila

Visit the Site

Graphic Designer with passion for code, I love trying to learn new stuffs to maintain myself busy.

I love to collect disciplines, currently learning more about other programming languages and framewokrs.

If you want to contact me, please email me at

[email protected]

DOWNLOAD ME

Copyright© 2014 Web Developer Greco Dávila, All Rights Reserved

LOAGING...