Zachary Carlson

Work Samples

I'm a front-end JavaScript developer, technical writer, and designer with experience working for small, mission-driven nonprofits and large, global companies.

Take a look around to see some of my recent projects.

Memory

This Memory game is made with standard vanilla JavaScript, HTML, and CSS and uses random images from Unsplash. The game keeps track of your fastest time and average time in localstorage. I built this as an exercise to learn about localstorage and to practice some simple CSS transitions.

Technology Used

  • JavaScript
  • HTML
  • CSS

React Hangman

This simple version of the game ‘Hangman’ was built using React and the Owlbot dictionary API. The design uses a responsive layout for a clean and friendly experience on screens of any size. This application uses state to manage guesses, themes, difficulty settings, and the player’s score and success streak. If this were a larger application, it could be expanded to allow players to sign in for a persistent score, to add a leaderboard, or to allow users to easily share their high win streaks or successful guesses.

Technology Used

  • React
  • Owlbot dictionary API
  • JavaScript
  • HTML
  • CSS

SmartBrain Face Detection

This simple web app uses the Clarifai API to recognize faces in an image. The app also demonstrates user authentication and authorization.

Technology Used

  • React
  • Node.js
  • Express.js
  • PostgreSQL

Nonprofit Web Design

For this client project, a team of myself and two other students recommended a site redesign for the World Affairs Council of Pittsburgh. We developed user journeys and personas, benchmarked against peer organizations, and carried out usability tests. With these insights, we developed wireframes and a high-fidelity prototype for a redesigned and re-organized site, better conveying the mission of the organization and supporting the goals of the users.

Technology Used

  • UX Design
  • Card Sorting
  • User Studies

User Content Design

I develop how-tos, tutorials, and reference content to help our customers use powerful FTIR and Raman spectroscopy instruments and software.

Technology Used

  • Adobe FrameMaker
  • MadCap Software
  • Adobe Creative Cloud