Git Product home page Git Product logo

Nick Snyder, Interactive designer and web developer

Cover letterRésuméProjectsAbout & contact

Cover letter

From the first time that I played The Legend of Zelda as a child, I knew that I wanted to tell meaningful stories at the crossroads of art, design, and technology. Throughout my childhood, I became infinitely curious in the different ways to express oneself—from sketching cartoon characters for a self-published comic, to learning to code a website for a school dance, to building a make-shift electronic drum kit out of spare parts.

As my career has unfolded, I have been extremely fortunate to use a variety of these skills to help major companies—Microsoft, Amazon, ESPN, and Aetna to name a few—share their brand story with customers. My role combination of UI/UX Designer along with Full-stack Developer means that I am a utility player who can bring a unique perspective to projects, help out wherever I am needed, and bridge the communication gap between team members, teams, and departments.

Below this section is a selection of projects that I've had the pleasure of working on throughout my career. If you are interested in talking or feel that I would be a welcomed addition to your team, please feel free to contact me via email and I would be happy to schedule a call.

Thanks for stopping by,

Nick

Résumé

Click here to view my résumé.

Projects

The projects below are separated into three categories: projects that are publicly available, projects that were once publicly available, but have been archived, and a few non-traditional projects that I enjoyed as much as the others.

Out of respect for all parties involved, I will not be posting source code that isn't publicly accessible, but I am happy to share code samples from a project if requested. Screenshots of non-public projects have been taken from a local copy running on my work machine.

Note: GitHub does not allow for links to automatically open in their own tab. For a better experience, I would suggest opening each link in its own tab.

Projects: Live

Website screenshot of The Halo 5 Effect article

The Halo 5 Effect

  • Client: Microsoft
  • Agency: Tether
  • Notes: A long-form "featured article" used to celebrate the launch of Halo 5. Includes stylized photo borders, custom typographic elements, and branded photo carousels.
Website screenshot of Microsoft B87

Microsoft: Inside B87

  • Client: Microsoft
  • Agency: Tether
  • Notes: Created to showcase "the world's quietest room" where Microsoft conducts sound experiements. Website made with three.js and includes several interactive widgets that make the website feel similar to a museum kiosk. A screenshot of the website was featured in the "Weekend Update" segment of Saturday Night Live.
Website screenshot of the WhatIf? article

What If?: The motor that drives machine learning

  • Client: Microsoft
  • Agency: Tether
  • Notes: A hybrid "featured article" and microsite used to highlight Microsoft's advancements in machine learning and encourage recruitment. The collection of "sub-articles" was created using a Node.js-based static site generator/CMS that I created for the agency.
Website screenshot of FemaleForwardTogether.com

FemaleForwardTogether.com

  • Client: Myovant Sciences
  • Agency: Cognition
  • Notes: Created in order to spread awareness and destigmatize menstrual cycles.
Website screenshot of TimePayment.com

TimePayment.com

  • Client: TimePayment Corp.
  • Notes: Helped to maintain, update, and upgrade website after agency hand-off. Focus was primiarly enhancing user experience design (UX) for both customers and internal staff. Introduced a WordPress-based page builder to increase production speed of new pages.
Website screenshot of Filium.com

Filium.com

  • Client: NIR
  • Agency: Tether
  • Notes: Created to showcase waterproof fabric technology. Features a responsive video header and parallax effects.
Website screenshot of Hugh MacLeod Connects the Dots

Hugh MacLeod Connects the Dots

  • Client: Microsoft
  • Agency: Tether
  • Notes: A long-form "featured article" showcasing artist Hugh MacLeod. Features an animated header and parallax scrolling effects.
Website screenshot of Myovant.com

Myovant.com

  • Client: Myovant Sciences
  • Agency: Cognition
  • Notes: Complete redesign of Myovant.com.

Projects: Archived

Website screenshot of NFLActivate.com

NFL: Activate (Touchdown CMS)

  • Client: National Football League
  • Agency: Mad*Pow
  • Notes: Allowed commercial sponsors of NFL events to review impressions receieved after the air of events, including: NFL Draft, NFL Kickoff, and Super Bowl. To help manage the final numbers and quickly turn-around results, I created a simple content management system (CMS), which I dubbed Touchdown. For my work, I was given a letter of praise—sent to the agency—from NFL corporate.
Website screenshot of Safariland SAVES club.

SAVES Club

Website screenshot of Amazon reInvent 2016

Amazon: reInvent

  • Client: Amazon
  • Agency: Tether
  • Notes: This project utilized a static site generator that I created using Node.js, allowing for a up-to-the-minute, consistent changes while maintaining the speed and simplicity of a static website.
Website screenshot of Microsoft Design

Microsoft Design

  • Client: Microsoft
  • Agency: Tether
  • Notes: Created as a tool for Microsoft to showcase their current designers and recruit new designers.
Website screenshot of ESPN Event Wrap-Ups

ESPN Event Wrap-Ups

  • Client: ESPN
  • Agency: Mad*Pow
  • Notes: Hosted public impressions and ratings of ESPN events (X Games, ESPYs, Bowl College Series, NEXT) to demonstrate value and ROI to advertisers.
Website screenshot of WelcomeToAetna.com

WelcomeToAetna.com

  • Client: Aetna, Inc.
  • Agency: Mad*Pow
  • Notes: Created to help new members of Aetna navigate and understand services provided by Aetna.

Projects: Favorites

A collection of my favorite non-traditional projects. While Operation: Silent Knight and the Philadelphia Zoo Kiosk were both public, the latter projects were not made public. I have posted them here with as much confidential information removed as possible.

Website screenshot of NASTAR Santa video

Operation: Silent Knight

  • Employer: Environmental Tectonics Corp.
  • Notes: A "video Christmas card" created in lieu of a printed one that is handed out to vendors each year. The video depicts Santa Claus participating in "flight training" using the suborbital flight simulator that Environmental Tectonics Corp created for Virgin Galactic training. The video was picked up by GeekDad, a blog hosted by Wired.com.
Photo of a child interacting with an interactive kiosk

Snow/Amur Leopard Conservation Kiosk

  • Client: Philadelphia Zoo
  • Employer: Internship with UArts Professor Slavko Milekic
  • Notes: An interactive kiosk with several interactive elements that aim to educate children about the conservation of both snow and amur leopards. Program was completed in Flash using ActionScript 3.0. Along with contributing to the graphics and code, I was the sound designer and composer. Installed around 2007, the kiosk was still working when I visited the zoo in 2015 but has likely been removed.
Screenshot of Our House concept.

Unused storybook concept: Our House

Screenshot of website footer that never was...

Redesign concept selection: cherry tree foooter

  • Employer: Cheng & Tsui
  • Notes: A screenshot of an unused redesign. While this was created in 2011, I still wish that it went live. Although the code is now lost, getting the grass to scale and look natural was a very fun and rewarding challenge.

About & contact

About Nick

  • I am in the process of running a marathon in all fifty U.S. states (08/50).
  • I constructed my college major to focus around the intersection of sculpture and human/computer interaction.
  • I play catcher and outfielder for an amateur baseball league.
  • My work has been shown on Saturday Night Live.
  • My middle name is Kazmierz, which was the name of my Great-Grandfather. It is pronounced like the fabric or Led Zeppelin song.

Email Nick.
Read Nick's résumé.
Travel back in time.

Nick Snyder's Projects

double-a icon double-a

A development tool for knowing breakpoints in Responsive Web Design.

narungol-marlin-firmware icon narungol-marlin-firmware

Personalized fork of Marlin, the firmware that powers many 3D printers. Named for the Sindarin word for "fire spider".

qmk_firmware icon qmk_firmware

Open-source keyboard firmware for Atmel AVR and Arm USB families

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.