Finished case studySwipe, drag or use arrow keys
FLUX Card case study, page 1
FLUX Card case study, page 2
FLUX Card case study, page 3
FLUX Card case study, page 4
FLUX Card case study, page 5
FLUX Card case study, page 6
FLUX Card case study, page 7
FLUX Card case study, page 8
FLUX Card case study, page 9
FLUX Card case study, page 10
01

Overview

FLUX Card is an NFC smart card startup website. I designed the interface and built it in Next.js with Framer Motion.

02

My role

I owned both the visual design and the frontend build. That let me carry the dark maximalist direction directly into typography, motion and responsive behavior.

03

Problem

The site needed to introduce the physical card and explain the digital experience behind a tap. The supplied screens cover the card itself, the SaaS profile, analytics, lead capture and the product roadmap.

04

Process

01

Dark maximalist visual direction

I used a dark maximalist style to make the card feel like the product rather than a generic web graphic. Large type and close product framing carry the first impression.

02

Design in the final medium

I implemented the site in Next.js and used Framer Motion for the interface motion, keeping the visual and interaction decisions in the same workflow.

05

Solution

From physical tap to digital follow-through

The product story moves from the card to what happens after a tap: a profile experience, analytics and lead capture. A roadmap section extends that story into the product’s next stages.

FLUX Card website explaining tap interaction, profile features and a product roadmap
Feature and roadmap sections explain the digital system behind the physical card.
06

Result

I deployed the finished FLUX Card website live.

Next project

Curxx

View case study