Currently

  • Senior Manager, Interactive Development
  • Sapient

Contact

Professional Bio

  • I started my career in the interactive industry in 2000. I have a design background but have been focusing specifically on web-related development for the majority of my career. I specialize in front-end architecture; whether that be HTML markup, CSS or JS, or related browser APIs; I build the right constructs for a modular and extensible living codebase.
  • I have experience in most aspects of the interactive creative process, including information architecture, user experience, concepting, design, and development. In my current role I function as both supervisor and domain lead, and my responsibilities include people management, front-end development, estimation, track management and deployment coordination (including both on-shore and off-shore resources).

Technical Skills

  • HTML/HTML5
  • Javascript
  • CSS/CSS3
  • HTML5 Video
  • HTML5 Canvas manipulation
  • JS Libraries (like jQuery and Dojo)
  • JS/CSS Frameworks (like Angular, Bootstrap and Backbone)
  • Client-side Data Population (AJAX and Json)
  • Social APIs (like Twitter and Facebook)
  • JS Task Runners (like Grunt and Gulp)
  • Actionscript
  • Web Font Usage
  • Search Engine Optimization
  • 508/Accessibility
  • Responsive/Mobile Web
  • Node.js/MEAN Stack development
  • Various Collaboration Tools (SVN, Git, Confluence, JIRA, etc)

Extracurricular

In Progress

top secret

As my latest project is for Sapient Government Services, it is part of the Federal government intranet and as such, work I can't share publicly, though I have been the front-end lead since 2014. It is a website application with a corresponding mobile application; the mobile app is used to perform live actions that are synced to the web app, used by different employees of the same center. The web app manages thousands of records, including personnel, retail establishments and retail establishment owners.

On this project I work hand-in-hand with the backend track lead to ensure deliverable schedules are synced and our approach is coordinated. The front-end consists of responsive html/css, and a custom javascript architecture I built specifically for the needs of this application, all of which is 508 compliant. It is a modified MVC framework utilizing Dojo AMD structure as the base and is built to work with the Java backend so that Ajax requests are managed seamlessly and modularly. It includes a Grunt front-end build system which is integrated into the CI lifecycle. Beside development and track lead responsibilities (team management, estimation, planning) I have provided SME information when gathering requirements and creating documentation as well as leading instructional sessions to the development team. The first launch of this application is scheduled for Spring 2016.

Selected Work

ListGrid

x
text
  • Sapient Government Services

    Interactive Brand Campaign Page

    Be The Change Branding Campaign Page

    Developed while at Sapient Government Services.

    My role was front-end lead/developer; my responsibilities included estimation and planning and hands-on development. I was part of the core creative team and collaborated with the designer to create the implementation of the page.

    For the front-end, I created a responsive CSS architecture utilizing the base grid structure classes from Twitter Bootstrap. The layout was responsive with adaptive functionality based on view mode (desktop, tablet or mobile).

    Highlights include the responsive, device-agnostic front-end layout, CSS3 animation interactivity.

    Awards:
    Silver Addy, Washington DC Advertising Awards

    View site

  • 3d Javascript and Canvas API

    Personal Development

    Three.JS and related experiments

    Since my current project has been a long-term web application build, in my spare time I have brushing up on some of the more exciting interactive techniques available for front end development now. Originally I started trying to recreate some of my previous Flash Papervision 3d using the new 3d Javascript libraries, and I'm just building from there. I hope to have a sample Google Cardboard game up soon.

    I'll add more as I have some but for now here are a few interactive experiments using the canvas API and/or 3d javascript libraries.

    Bear in mind these will only work on modern browsers.

    View "Deconstruct Fritzi" Experiment
    View "Wheel O'Fritzi" Experiment
    View Canvas Artboard Experiment

  • Sapient Government Services

    Interactive Thought Leadership Page

    Be The Change - Thought Leadership Page

    Developed while at Sapient Government Services.

    My role was front-end lead/developer; my responsibilities included estimation and planning and hands-on development. I was part of the core creative team and collaborated with the designer to create the implementation of the page.

    For the front-end, I created a responsive CSS architecture utilizing the base grid structure classes from Twitter Bootstrap. The layout was responsive with adaptive functionality based on view mode (desktop, tablet or mobile).

    Highlights include the responsive, device-agnostic front-end layout, CSS3 animation interactivity and parallax effects.

    View site

  • Palms Casino

    Responsive web development integrated with Day CQ

    Palms Casino & Resort Website

    Developed while at SapientNitro.

    My role was front-end track lead; my responsibilities included track management (team management, estimating and planning), coodination with off-shore resources, and hands-on development. I was part of the core creative team and met daily with both the Design and IA tracks to ensure creative collaboration and risk mitigation.

    For the front-end, I created a responsive architecture based on the MVC pattern. The layout was responsive with adaptive functionality based on view mode (desktop, tablet or mobile). The architecture was modular and the functionality componentized to ensure seamless migration into the Day CQ CMS. These modular components could then be leveraged easily across multiple pages.

    Highlights include the responsive, device-agnostic front-end layout, HTML5 Canvas dynamic greyscale-to-color effects and Social API components.

    Awards:
    Outstanding Website, Internet Advertising Competition (IAC)
    Travel Award Winner, Pixel Awards 2013


    View site

  • Vail Resorts

    Epic Discovery Experiential Site

    Epic Discovery Experiential Site

    Developed while at SapientNitro.

    My role was front-end track lead; my responsibilities included track management and hands-on developoment. This was a promotional site for the new summer offerings at Vail Resorts, so the emphasis of this site UI was exploration. A parallax effect was used to draw the user in, and a modular approach was taken so that as new offerings were added, they could be added in easily.

    Highlights included parallax, modular javascript development, and deep-linking within modules on the page.

    Awards:
    CSS Design Awards Winner, CSS Design Awards

    View site

  • Hyatt Hotels Property Pages

    Dynamic CSS and Day CQ integration

    Property page templates for Grand Hyatt, Hyatt Hotels, Hyatt House, Andaz, Hyatt Regency, Park Hyatt and Hyatt Place.

    Developed while at SapientNitro.

    My role was front-end track lead; responsibilities included track management (team management, estimating and planning), coodination with off-shore resources, and hands-on development.

    This project required the same base markup be used and integrated within the Day CQ CMS environment, but for each property page to have a unique look reflecting the brand of that property. Accordingly, a system was created that merged base template markup with brand-specific css and javascript, that could then be further personalized via Day CQ.

    View Andaz Hollywood
    View Grand Hyatt San Francisco
    View Hyatt Regency Bellevue
    View Hyatt Union Square New York
    View Park Hyatt Beaver Creek
    View Hyatt Place Portland Airport
    View Hyatt House Boulder

  • Marks

    IBM Websphere commerce platform migration

    IBM Websphere commerce platform migration

    Developed while at SapientNitro.

    My role was front-end track lead; responsibilities included track management (team management, estimating and planning), coodination with off-shore resources and remote offices, and hands-on development.

    This project was a migration of the Marks.com website into a new ecommerce platform, IBM Websphere. The Websphere architecture uses Dojo as the built-in javascript library, so it was necessary to utilize this instead of Jquery. I worked very closely with the JSP developers for this project, as the HTML templates were converted into JSP for Websphere.

    View site

  • SapientNitro

    Interactive Movember Photobooth

    Interactive Movember Photobooth

    Developed while at SapientNitro.

    This was an interactive photobooth installation I created for a promotional event Sapient co-hosted with AIGA Los Angeles. It was the month of November, and since Sapient actively participates in "Movember", I decided to create a photo booth which dynamically placed a mustache on the viewer. I used face-tracking and Adobe AIR to create a self-contained application that interfaced with a printer seamlessly. The application took 4 photos of the viewer(s), counting down 5 seconds before each snapshot. At the end of the process a photo was printed containing the 4 prints, with the tagline "Proudly grown at SapientNitro".

    The booth hardware consisted of a Sony Vaio touchscreen all-in-one, a spotlight and a photo printer. I constructed the booth using a wooden stand with 3 shelves as the base, wrapped with foam core covered in wood-patterned contact paper.

    The booth was a big hit, and was repurposed for a variety of events; for example, for a medical conference in Washington, DC, the design skin of the interface and intro animation was changed so instead of mustaches, various medical accessories were used as the dynamic props.

    More info

  • Chrysler Ram

    Interactive Truck Customizer

    Interactive Truck Customizer

    Developed while at SapientNitro.

    This was a conversion of a previously Flash "customizer" into HTML. The customizer allowed for the changing of color for the trucks, as well as adding or subtracting features, such as chrome wheels. Additionally, certain features were only available with certain models and colors, so there was extensive logic that had to happen behind the scenes.

    The page was injected with an html node that included all the features, colors and assets for each, so this customizer was written as a modular JS component that was fed data via the html markup.

  • Electroland

    Mira Pool Installation

    Mira Pool Installation

    Developed with Electroland.

    This was an interactive installation created by Electroland to debut plans for a convention center in China. Centered on an interactive table stood a model of the convention center, surrounded by colorful, swirling, interactive fish. These fish were given life by Java and Actionscript, to add interactivity and mimic the behavior of schools. They were sensitive to motion showed various elements of the convention center plans when touched.

    My role on this project was Flash developer, and I worked closely with the Electroland creative team and the Java engineers to ensure the fish functionality coordinated correctly with the various data points.

    Images © Electroland
    More info

To view more work, including flash games, interactive animations, and archived work, please visit my old site at http:www.sarahlamont.com/2010.

Back to Top