Portfolio
-
Client:The Juilliard School
- Sass, JS, Drupal8, Gulp, Twig, Vagrant, WCAG 2.0
I worked with Digital Pulp as a lead front-end developer and accessibility consultant/developer for the redesign of Juilliard.edu. The new site would align with a major overhaul of the brand's identity and web presence. Working in Drupal 8, I built modular Twig files, and organinzed design patterns with Sass and Javascript. I implemented accessibility features to meet WCAG 2.0, and wrote documentation for accessibility guidelines that can be followed for most web development projects. The site was designed against 4 main breakpoints, with touch devices in mind as well.
-
Client:Vanderbilt Business School
- Sass, JS, Middleman, Gulp, Wordpress
I worked as a lead front-end developer wth Digital Pulp to deliver about 30 page templates to Vanderbilt Business School for Wordpress theme integration. We used the static site generator, Middleman, to architect the application asset files, splitting markup and CSS into reusable components and partials. We used a style guide to indentify design patterns in typography and grid layout to compose an organized system that would be shared among developers. I worked on devloping all user interfaces, including main navigation, carousels, tabs, and forms for all screen sizes and devices.
-
Client: NYU SPS
- Sass, JS, AEM, Responsive Design
I worked with Digital Pulp to help develop the front-end experience for NYU's School of Professional Stuides, a responsive site that incorporated a shopping cart for purchasing classes. I authored many of the site templates, using Bourbon and Neat for streamlining Sass, as well as maintaining an organized grid system. The site is built on Adobe Experience Manager, and uses the Angular.js framework.
-
Client: Columbia University | Mailman School of Public Health
- HTML5, Sass, JS, Responsive Design, Drupal
With Digital Pulp, I coded many of the front-end templates for Columbia's Mailman School of Public Health, a responsive site built in Drupal. I authored many of the site templates, using Sass, and worked within the Drupal environment updating modules and content. The site has been selected as an Official Honoree in The 20th Annual Webby Awards in the Mobile: School/University category.
-
Client: The Forward
- HTML5, Sass, JS, Responsive Design
I partnered with Digital Pulp to develop their new designs for The Forward, one of the oldest newspapers in the United States. The Forward, founded in 1897 as a Yiddish daily, once outsold the New York Times. It launched as an English weekly in 1990, and has continued its world and regional news coverage mixed with Jewish culture and opinion. I coded many of the templates in the Middleman framework, including the homepage, li pages, articles, interactive slideshows, video galleries, and search results. The site uses a fluid responsive design with 4 breakpoints, optimized for mobile, tablet, and desktop.
-
Client: Understood
- HTML5, Sass, JS, Responsive Design, Accessibility (WAI-ARIA compliance)
- 2015 Webby Award Winner:
Best Family/Parenting Website
I worked with Digital Pulp to develop this comprehensive, responsive, and easy-to-use website that gives parents customized information about their child's learning and attention challenges. Backed by 15 non-profit organizations, the site provides many helpful articles, resources, and community areas. I was one of a few front-end developers on this project, and spent many months developing templates, global modules, and interactive elements, all with responsive considerations for use across all major devices. I am proud to have been a part of this website.
-
Client: Dartmouth College
- HTML5, Sass, JS, Responsive Design
- SEO, Accessibility (WAI-ARIA compliance)
Digital Pulp asked me to help them create the new responsive experience for Dartmouth College's website. More than twenty front-end templates were delivered to Dartmouth's backend team for integration. Each template was designed with up to four breakpoints on a responsive grid, as well as UI requirements for desktop and touch devices. The site had multiple reviews for WAI-ARIA compliance, so we thoroughly tested each template with screen readers. Many JQuery-based modules were created, such as animated, swipeable slideshows with adjusted layout based on screen size. Tempaltes were developed for and tested on many tablet and mobile devices.
-
Client: New York-Presbyterian
- Creative Consulting, Full Site Build
- JQuery, Vimeo API, Responsive Design
Partnering with ad agency, Munn Rabôt,
I developed the wesbite for New York Presbyterian Hospital's video-rich "Amazing Things" website. The site features the stories of patients who had everything to lose until they found the doctors who ultimately saved their lives. The homepage features a "JQuery masonry" interface that animates and reacts to the viewer's browser. The wesbite is optimized for screen size using responsive design to give the most optimal experience whether using a PC, mobile device or iPad. The site is also optimized for iOS retina display. -
Client: Samsung
- X/HTML, CSS, JQuery
- Facebook, Twitter API Integration
- Interface Development and Design
When Samsung's US advertising partners, The Barbarian Group and Cheil, launched a redesigned Samsung.com, a few aspects of the site were not performing well. I was brought in to help optimize the site to a point where the overall user experience would meet client expectations. We brought more responsiveness to interactive elements, and cleaned up much of the front-end code base. On the homepage, we re-integrated social media API's, and removed many unnecessary HTTP requests that were causing sluggish load times. I developed a prototype for a horizontal scrolling interface for the homepage's hero area. We made many improvements in presentation and interaction, as well as under the hood, resulting in success.
-
Client: CenturyLink
centurylink.com/small-business
- Full Front-end Site Build
- CSS, JQuery, SEO, Accessibility
- Responsive Design
Partnering with digital production shop, SolarSilk Interactive, I developed all presentation layer code for CenturyLink's Small-Medium Business website. After a bunch of mergers and acquisitions, CenturyLink is now the third-largest telecommunications company in the United States, behind AT&T and Verizon. Over sixty pages were developed and tested for all modern browsers before delivering to the client's backend team. Part of the challenge was building a clean and standardized codebase on top of a messy legacy website, but it was met handily. The site was developed for SEO, as well as 508 Compliance. Landing pages using responsive design were built as well, including centurylinkcloudoffer.com
-
Clients: Jeep, Activision
facebook.com/jeep (contest ended)
- Full Front-end Site Build
- HTML5, CSS, JQuery
Partnering with social media marketing agency, Affinitive, and SapientNitro, I developed all presentation layer code for the Jeep Wrangler/Call of Duty sweepstakes promotion on Facebook. The grand prize is a first-off-the-line Call of Duty branded Jeep Wrangler! The application included jQuery animations and game components to mimic the look and feel of Call of Duty. The challenge was to create an engaging experience that would feel like a video game, without using Flash. SapientNitro handed off an amazing design that we were able to make come to life. The sweepstakes had over 25,000 entries in the opening weeks.
-
Client: Kiboo
- Full Front-end Site Build
- X/HTML, CSS, JQuery
Partnering with New York-based agency, Flint, I developed all presentation layer coding for Kiboo, a start-up banking website for kids. It was a large, complex build with advanced interactive elements, such as tab systems and sliding menus. The design was intricate and it was necessary to stay pixel-perfect before handing off to our back-end development partners. Instead of using JQuery plug-ins, we hand-coded all JS functions to make for a more seamless integration. All HTML was verified to comply with current web standards and standard accessibility guidelines. Kiboo is now in the process of finding a bank partner in order to launch the working site. You can view the website in demo mode, and also watch a video of Kiboo's founder, Lisa Halpern, demonstrating the site flow.
-
Client: Komar
- Full Front-end Site Build
- X/HTML, CSS, JQuery, PHP
Partnering with New York-based agency, Flint, I developed all presentation layer code for Komar, a global apparel company representing over 100 brands and a network of factories and distribution centers in 14 different countries. The corporate site was expanded into a WordPress theme in order for the client to easily update content, including photography. The portfolio li used smart interaction design to showcase the company's many brands, licenses and partners – JQuery was used to set up a large-scale menu system with sliding frames, tabbed navigation, and tooltips. I also developed an intranet website, "Inside Komar," a training site for brand education. Both websites proved to be successful key components of the company's full integrated rebranding effort.
-
Client: Mom365
- CSS, JQuery
- Ning Social Network API
- Interface Design and Development
Mom365 (the largest provider of in-hospital newborn portraits in the United States), asked me to re-style their community website. I was tasked with learning the technology behind Ning, a large-scale social networking platform, in order to make Mom365's design boards and new branding initiative come to life. With most of the content remaining in tact, we used a new design concept to make the site look and feel more refreshed and current. We developed an improved CSS structure and took advantage of JQuery to deliver the redesigned website. We also produced a number of email marketing projects and periodic maintenance updates.
-
Client: PrimeScout
- Full Front-end Site Build
- X/HTML, CSS, JQuery
Partnering with New York-based agency, Flint, I developed all presentation layer coding for PrimeScout, a social networking site intending to bond athletes and athletic scouts. The athlete's main profile page or "dashboard" had many coding challenges as it packed all of the athletes personal information onto one page. I used many hand-coded JQuery elements, such as accordion menus, tab systems, tool zips, and zebra striping, to gracefully present the wealth of data on the dashboard. The main navigation was also a complex piece to develop, with three rows of expanding menus that needed to layer over one another. All HTML was verified to comply with current web standards and standard accessibility guidelines. PrimeScout is now in live in beta.
-
Client: Capstone Energy Services
- Complete Site Build
- PHP, X/HTML, CSS, JQuery
- WordPress Integration
Partnering with New York-based agency, Flint, I handled all aspects of website development for Capstone Energy Services. The marketing initiative intended to humanize the energy company's relationship with customers by presenting information in a simple and engaging manner. I developed a PHP template system to easily create new pages within the site architecture. I used JQuery to create tab systems and animated sliding menus. And I developed a WordPress page that looks and feels like the rest of the site, where the client can add news articles. The most current article is fed into a "Latest News" content box on the homepage.
-
Client: Staybridge Suites • Times Square
- Website Redesign, Complete Site Build
- PHP, X/HTML, CSS, JQuery, WordPress, SEO, Facebook App
Staybridge Suites • Times Square was in the process of being constructed when I first met with the hotel's operations and marketing team. They needed a new website that would set them apart from other hotels in the area, and apart from their traditional brand image. I gave them a design that would afford users a feeling of being comfort and coziness while staying in the heart of the bustling city. The site build concentrated on simplicity and emphasized search engine optimization. We ran a Facebook video promotion called "The Big Broadway Break" where I installed an application that would sign up users and display their video content; I then set up a blog in WordPress for the winner of the contest.
