Skip to content

Case study

Transcendence

Frontend Engineer for the full Transcendence project, building the public website, product experiences, dashboards, and motion-rich interfaces.

Back to work
View project website
My role
Frontend Engineer
Status
Live Website

What did I build for Transcendence?

I was the Frontend Engineer for the full Transcendence project. My work spans the public website, Unit and TRS product presentations, experience pages, dashboard interfaces, and the motion and loading states that connect them. The published website is linked from this case study.

Transcendence - Holographic Experiences Platform preview
Full-project frontend engineering for an immersive holographic technology platform, from its public website to dashboards.

The brief

Next.jsTypeScriptTailwind CSSGSAPThree.js

Transcendence brings together holographic hardware, immersive experiences, and software. Its website needed to make those offerings understandable while conveying the visual ambition of the product.

My responsibility covered the full project's frontend. I worked across the public-facing pages and dashboard interfaces, including product showcases, scroll-led storytelling, animated transitions, loading states, and responsive presentation.

For similar work, explore Frontend Development.

What I delivered

  • Engineered the frontend across the public website, product pages, and dashboards.
  • Built and refined the Unit, Experiences, and TRS product presentations.
  • Implemented landing-page motion, smooth scrolling, and interactive visual treatments.
  • Developed dashboard loading states, skeleton components, and analytics panels.
  • Refined responsive layouts, accessibility, image delivery, and motion preferences.

How it was built

  • Used Next.js, TypeScript, and Tailwind CSS for the application and reusable frontend components.
  • Combined GSAP-driven motion with Three.js visual components for immersive product storytelling.
  • Used WebP assets, preloading, and loading states to support media-heavy pages.
  • Refined page components and motion behavior across product, experience, and dashboard views.

Challenges & decisions

Explaining three connected offerings

Hardware, experiences, and software each needed a distinct presentation within the same brand.

I developed dedicated product and experience pages with a shared frontend language and clear routes through the site.

Motion and usability

Immersive animation needed to coexist with readable content and usable navigation.

I refined scrolling, transitions, typography, accessibility, and motion preferences across the frontend.

Media and loading states

Visual sequences and dashboard content needed thoughtful presentation while loading.

I worked on WebP assets, preload behavior, page loading states, and dashboard skeleton components.

Product features

  • Immersive landing page and brand storytelling
  • Unit product showcases
  • Experiences and project pages
  • TRS software presentation
  • Dashboard and analytics interfaces
  • Demo inquiry entry points

Outcomes

  • Delivered frontend work across the full Transcendence project.
  • Connected the brand website, product presentations, and dashboard interfaces through a shared visual system.
  • Published frontend work can be explored at transcendenceplatform.com.

More of my work

Have something in mind?

Let’s talk it through. In a short intro call, we’ll explore your goals, scope, and the next step together.

Start Project
Book a call (opens in a new tab)

Choose a time that works for you.