Playing Cards
Overview
Design a functional, interactive card game prototype using Figma that demonstrates advanced component and variable logic. The project focused on taking physical card mechanics and creating a dynamic digital interface.
Role:
Designer
Timeline:
4 Weeks, Spring 2024
Tools:
Figma
Adobe Illustrator
Skills:
Prototyping
Visual Design
Documentation
Variable & Component Logic
Problem
How can the visual hierarchy and rules of traditional playing cards be translated into an intuitive, scalable, and fully functional digital interface, maximizing clarity and efficiency through advanced Figma prototyping logic.
Inspiration
Sketches
Visual Direction & Design
My visual approach centered on translating the card hierarchy through a unified theme of precious materials. Specifically, using Gold, Diamond, Emerald, and Ruby to define the four suits. I established the core visual identity by blending a custom character I created (an anthropomorphic lamp) and a intentionally minimalist, vectorized style to ensure maximized clarity and appeal in a digital interface.
V1
V2 - Final
Initial Prototype
My initial prototype established core functionality, including seamless card navigation, the ability to add or delete cards, and essential error prevention through on-screen warnings for out-of-bound actions.
Core Logic
The system architecture is driven by advanced Figma logic, combining components for each individual card style, a carousel for a seamless swiping movements. This structure also incorporates several micro animations that are built in creating a single, flawless transition between elements.
