← Back to work

Case study · Frontend engineering

“Integrity by Way of Ingenuity”

Hemaka website · 2019

At Hemaka, I worked across frontend development, animation, QA, and production support. The site I helped build in 2019 shows how purposeful motion can give a website lasting character.

Role
Frontend engineering, animation, QA, product support
Materials
React, Meteor.js, TypeScript, Three.js, SVG motion, responsive UI
Contribution
Frontend implementation, motion timing, responsive detail, and production fixes.
Explore the production work Visit hemaka.com
Hemaka pyramid logo animation with black and gray slices loading into place
Jump to section Overview
Challenge

Make ambitious motion work in production.

Animation, layout, and browser behavior had to work together. My contribution spanned frontend implementation, motion, QA, and production support, translating the team’s visual direction into interfaces people could use.

Approach

Prototype, inspect, ship, repeat.

I moved between prototypes and implementation: adjusting motion timing, tracing browser and layout issues, and reviewing responsive behavior. The work combined React, Meteor.js, TypeScript, and browser-native animation across different projects.

Endpain case-study vines growing around the logo and content card on the Hemaka website

I’m including Cosmic Symbolism, earlier formative work for Imaginary Foundation, as part of this Hemaka portfolio story.

Project memory

Built in 2014.
Still relevant.

Cosmic Symbolism

The visual direction still feels fast, vibrant, and remarkably current.

At Hemaka, I helped build this immersive browser experience as a junior developer. I learned how animation systems, responsive rendering, and production constraints fit together.

Client
Imaginary Foundation
Role
Junior developer
Contribution
Frontend implementation, animation support, and QA
Project stack
Meteor.js, HTML5 Canvas 2D, CoffeeScript, JavaScript, jQuery, Underscore.js
Learning alongside the project
Browser animation and Three.js
Visit the live site ↗

Technical decisions

Technical range is a design skill.

Motion depends on the rest of the interface: component state, layout, rendering, and the content around it. I worked across those boundaries, connecting visual detail with debugging and production support.

Animation

SVG, staggered motion, timing curves, and interaction that makes an interface feel intentional.

Frameworks

React, Meteor.js, TypeScript, state, routing, data flow, and the tradeoffs behind library choices.

Production judgment

Debugging what actually broke, reducing fragile code, and making decisions that survived launch.

Wearing hats

Switching between engineer, designer, QA, client translator, and problem owner without losing the thread.

Outcome

From visual direction to working frontend.

My work connected frontend development, animation, QA, and support. The Hemaka site and Cosmic Symbolism show that contribution in context, with each project’s role and stack identified above.

That experience helps me anticipate technical risks and make better decisions for your project.

View selected work
Hat stack
  • Animation
  • React / TypeScript
  • Meteor.js
  • Three.js
  • Frontend architecture
  • Responsive detail
  • Debugging
  • Client context
  • Launch support

Let’s talk.

Tell me about a project, a role, or something you would like to work on together. I reply within one business day.

Next case study: Frasco business and website case study

Your details are used to respond to your inquiry. Messages are processed by Web3Forms. This site uses Google Analytics and records site interactions to understand what is useful. You can also email me directly.