ASHANDRIEN

Night Kitchen Interactive

View Project June 2013

Role: Front-End Developer

Night Kitchen was long overdue in updating their wordpress website to showcase their expansive portfolio of work, and they wanted something responsive, unorthodox, and visual. Housed on the Drupal content-management system, the site uses a tile-based structure which responds to various viewports and devices. I used the Bourbon/Neat SASS library for the site's fluid grid.

Skills utilized:

  • SASS
  • CSS
  • Jquery
  • Javascript
  • retina device optimization

Nation Geographic Explorer Digital Magazine

May-July 2013

Role: Lead Developer

National Geographic has created a digital version of their Explorer magazine for publishing on iPad and Android tablets. I was given the opportunity to infuse transitions, animations, and CSS effects, to make their stories and lessons a fun, interactive experience for students. I headed a group of developers to the delivery of 4 editions of the magazine for the months of October and September. Application publishing was done through a third party, and we used Hammer.js for gesture-handling.

Skills utilized:

  • HTML
  • CSS
  • Javascript
  • jQuery
  • HTML5 video
  • touch event handling

Asian Art Museum Brushpainting Activity

View Project March 2013

Role: Lead Developer

The Asian Art Museum was looking to create a digital representation of Chinese Brushpainting in order to teach students of the art form some of the styles major brushstrokes and forms. The interactive would primarily be featured on iPad and desktop computer. After researching the HTML canvas element as well as a few canvas libraries, I decided that paper.js was the best option. Working with the project manager and senior designer to create an interactive space where students can create custom works of art, download, and share their creations with friends and family.

The project required template selection, brush controls, save functionality, and undo capability. Since most of the variables involved were interrelated, this required the tracking of many different states across a variety of circumstances.

Skills utilized:

  • HTML
  • CSS
  • Javascript
  • Paperscript canvas library
  • device targeting

Curtis Performs Live Streaming Site

View Project January 2013

Role: Front-End Developer

Curtis School of Music in Philadelphia wanted a site where video of student performances could be broadcast over the web. Built on the Drupal CMS framework, we chose a live streaming service, Kaltura, to manage live streaming. Since performances would be viewable on a large range of devices, there was a good deal of user testing. The result is cinematic, intimate, and educational.

Skills utilized:

  • Drupal
  • CSS
  • LESS
  • device targeting
  • video integration

Smithsonian Institute's History of Disability Website

View Project February 2013

Role: Front-End Developer/Usability Analyst

The Smithsonian Institute's exhibit on the history of disability is a moving tribute to one of the most overlooked segments of our society. We researched accessibility including markup protocol, input/output devices, images/color techniques, text scalability, and more. The result is a site that is accessible and inspirational to all.

Skills utilized:

  • Drupal
  • CSS
  • LESS
  • Accessibility

Chemical Heritage Foundation's Sensing Change Website

View Project May 2013

Role: Front-End Developer

The Chemical Heritage Foundation's microsite features artwork based around our environment and the symbiotic relationship we have with it. The site is built on Drupal with YouTube API integration. It is built responsively with the Bourbon Neat fluid grid SASS library.

Skills Utilized

  • Drupal
  • SASS
  • Fluid Grid
  • Video integration

ShopFurbish Shopping Site

View Project September 2012

Role: Front-End/Back-End Developer

ShopFurbish wanted to combine their blog and ecommerce site into a seamless style powerhouse. Moving the site to BigCommerce from the ProStores Ecommerce platform, we ported their design across their blog, homepage, and shopping site. The client also wanted to manage their business from one set location. We were able to integrate shipping, inventory, and sales into one system. The site is easy to use, and ShopFurbish is operating with less overhead.

Skills utilized

  • BigCommerce CMS
  • PHP
  • CSS
  • JQuery

American Heritage Leather Store

November 2011

Role: Designer/Developer

American Heritage sells leather goods which are made in America and wanted to showcase their US-made products in a more attractive way. The site was redesigned and a new Prostores theme was created for their site. The site makes use of SEO, ProStores Inventory Management, Shipping integration, and CSS filters.

Skills utilized:

  • SSML
  • CSS
  • Javascript

Revolver Digital Imaging

View Project September 2011

Role: Designer and Developer

Gregory Kadel Studios wanted a minimal site that showcased their digital editing work in the photography field. They also needed a simple site for clients to access their images. I created a fluid HTML site that also gives the client the capability to update their images, site categorization, and client correspondence.

Skills utilized:

  • HTML
  • CSS
  • Javascript
  • PHP

Robinson Landscape

View Project June 2011

Role: Designer and Developer

Robinson Landscape wanted to create a website where owner Tim Robinson could share his knowledge of property management as well as showcase some of his work. The site was built on the Wordpress CMS and features a blog, RSS feed, contact forms, google analytics tracking, lightbox JQuery plugin, and social sharing integration. The site is responsive and a custom theme was created with Wordpress and CSS.

Skills utilized:

  • Wordpress
  • HTML
  • CSS
  • Javascript
  • PHP

Carrie Flower

View Project May 2011

Role:Developer

A mother-and-daughter writer-illustrator team wanted to bring their non-profit which brings children together with terminally ill children in hospitals. The program is based around a book that inspires kids to look on the bright side no matter what their circumstances. I used flash, html, and wordpress to create a manageable blog, store, and website that kids and their families could visit to get more information on the program.

The project involved creating mini-games in Flash. I used Actionscript OOP, creating a puzzle game, a matching game, and a coloring activity.

Skills utilized:

  • Flash
  • Actionscript
  • Object-Oriented Programming
  • HTML
  • CSS
  • Javascript
  • Wordpress

College Portfolio

View Project July 2010

Interested in some of the work that I did during college? This site was conceptually based off of Tron, and features HTML5 and CSS3 techniques (which were fairly new at the time). It also showcases some of the more simple web design and artwork that I completed through college.

© Andrien Design 2014