]> Museum of Modern Art 6/2011 &mdash; 11/2011 ./images/projects/momastore_1.jpg ./images/projects/moma_logo.gif ./images//projects/momastore_2.jpg ./images//projects/momastore_3.jpg Front-end Development Third-party Software Integration HTML/CSS Javascript Dojo <p>At MoMA, I assist the creative team to conceive the home page slide show design/layout by providing technical advice. In consideration of future maintenance, I also developed the slide show as a plugin with Javascript and Dojo. I also work with IT and Business team to integrate third-party social media and SEO software with the MoMA Online Store website. Besides researching and tracking trends in UI Design, the implementation process also includes Front-end Development with HTML/CSS, Javascript, Dojo as well as close collaboration with JSP developers.</p> Ford Models 8/2010 ./images//projects/ford_1.jpg ./images//projects/ford_logo.gif ./images//projects/ford_2.jpg ./images//projects/ford_3.jpg ./images/projects/ford_4.jpg ./images/projects/ford_5.jpg Front-end Development Back-end Intergration HTML 5/ CSS 3 Javascript jQuery Wordpress PHP <p>For Ford Models' new site launch in 9/2011, I took lead in building a Home page Hero slideshow and a profit-driven product slideshow. Both slideshows are developed from scratch based on approved design. They are hooked up with Wordpress and is managed using Attachment by <a href="http://mondaybynoon.com/2009/11/02/wordpress-attachments-plugin-debut/" rel="nofollow" target="_blank">Jonathan Christopher</a>.</p> Client Confideltial 7/2011 ./images//projects/co_client_1_1.jpg ./images//projects/co_client_1_fullpath.jpg ./images//projects/co_client_1_2.jpg ./images//projects/co_client_1_3.jpg ./images//projects/co_client_1_4.jpg Web Interface Design Client-side Development Front-end Development HTML/CSS Javascript jQuery jQuery Form <p>This is a website designed for the internal use of the client's company. The site design features a 3-column layout that allows user to purchase cruise tickets in a 3-step process.</p> <p>The design shows information concisely and is easy to follow. All form verification is done with jQuery Form. With the scale of the sales, price calculations are done on the front-end to reduce traffic and workload for the backend, at the same time reducing the time a user has to spend to purchase tickets.</p> Millersville University 5/2011 ./images//projects/mural_1.jpg ./images//projects/mu_logo.gif ./images//projects/mural_2.jpg ./images//projects/mural_3.jpg Project Management Client Interfacing Web Interface Design Front-end Development HTML 5/CSS Javascript jQuery Google Analytics <p>My role at Millersville University Art & Design was to interface with muralist Michelle Ortiz and co-organizer Dr. Christine Filippone to come up with a simple yet informative interface; and then built it and conduct quality control all while resources is limited for the project. The result is a one-page layout that utilize automatic scrolling upon clicking of the navigation bar. The background of the website is one of the 8 panels of Ortiz?s mural created for the event.</p> Millersville University 1/2011 ./images//projects/dci_1.jpg ./images//projects/dci_fullpath.jpg ./images//projects/dci_2.jpg ./images//projects/dci_3.jpg ./images//projects/dci_4.jpg ./images//projects/dci_5.jpg ./images//projects/dci_6.jpg Web Interface Design Front-end Development Back-end Development CMS Development HTML 5/CSS Javascript jQuery Wordpress PHP Google Analytics <p>This website is created in response to an emerging need for a new way to communicate between students and professors at Millersville University Department of Art & Design. In order to prepare senior design students for the industry, they are required to blog about the happenings and trends within the Art & Design industry on a regular basis.</p> <p>Design Can Inspire uses a custom theme that I co-designed with Anthony Paparella and developed by myself. The interface is minimalistic and cater to both small screens and large. Although all entries are preloaded on the home page, the weight of the website is light as images are loaded upon scrolling down of the page. The website is authored by 40 students and viewed by many on a daily basis. Each students has a customizable profile that features their entries, profile pictures, biography and contact information.</p> Runoff Studios 7/2010 ./images//projects/runoff_1.jpg ./images//projects/runoff_logo.gif ./images//projects/runoff_2.jpg ./images//projects/runoff_3.jpg ./images/projects/runoff_4.jpg Art Direction Branding + Identity Concept Lead Web Interface Design Front-end Development Back-end Development Illustrator Photoshop HTML/CSS Javascript jQuery MovableType <p>Runoff Studios is a game design studios that aims to educate teens about environmental issues via video game. The studio needed Art Direction and Concept of its debut game Face the Waste. The newly established studio also needed a corporate identity and a studio website as it launched its debut in the summer of 2010.</p> <p>Face the Waste was featured on USA Today in July, 2011. The team that participated in this project was interviewed by WGAL 8 and can be seen <a href="http://cs.millersville.edu/activities/featactivities/spcfacewaste" name="WGAL Interview with Millersville University Students On Green iPhone Game Face the Waste" target="_blank" rel="nofollow">here</a>. </p>