Dávid Novák
SK
Case 04 of 05

Making a premium, motion-rich product easy for first-time buyers.

PRODUCT
Digital collectibles platform
ROLE
Lead Frontend Engineer
YEARS
2023–2024
TEAM
Me and a junior full-stack developer; the tech lead focused on the backend
DESIGN
From the design team’s files, in close cooperation
Motiontext reveals, a rotating hero character, scroll-driven sections, character videos.
Newcomerscould buy without prior experience with crypto wallets.
Moreprojects requested by the client after delivery.
CONTEXT

A visually rich platform where people explore a collection of animated characters, own them, manage them in a personal profile and download holographic versions to use as avatars. Most of the audience was new to the category.

MY ROLE

Lead Frontend Engineer, with a junior full-stack developer, implementing the design team’s work in close cooperation with them.

THE CHALLENGE

Make it feel premium and alive, without losing people who had never done this before.

What I didThree edits to the plan
ADesigned out the barrier
THE BARRIER

Struck out: Buying requires prior experience with crypto wallets.

MY EDIT

Inserted: A purchase flow built for newcomers, with an optional step-by-step buying guide inside it.

RESULT

First-time buyers could get through without that experience.

BMotion with a purpose
THE BRIEF

A visually rich platform.

WHAT I BUILT

Inserted: Animated text reveals, a slowly rotating hero character, scroll-driven sections, animated tooltips, and character videos in place of static images.

RESULT

Built with GSAP, in close cooperation with the design team.

COrientation, not decoration
THE PAGE

A homepage that alternates dark and light sections.

MY ADDITION

Inserted: A vertical scroll-progress indicator that changes colour as you move through them.

RESULT

Motion that also tells you where you are.

ALSO BUILT
  • Personal profile
  • Hologram studio: animated avatar downloads
  • Skeleton loading states

Skeleton states keep the experience feeling solid while the heavy content loads.

OUTCOME

The quality of the delivery led the client to ask for more work on other projects they were preparing.

“He can look at designs from a UI/UX perspective and give critical feedback that helps the process iterate. If needed, he can change existing designs himself and fill in for the designer when the project requires it.”
— Team lead
NEXT CASE05 E-commerce storefront