StickRift Select Character Design
π§ Project Overview
A light, stylized character select screen designed and animated for a fictional 2D fighting game called StickRift. This concept was created for the Jitter Hackathon, combining custom UI, original characters, and interactive motion. All visuals were built in Figma, and animated in Jitter.
π¨ What I Did
Designed a full character select UI from scratch
Illustrated original stickman characters in Figma
Animated the full flow using Jitter
Crafted a consistent visual style rooted in shadow realms, glitch energy, and elemental powers
Created lore, stats, and growth paths for each character

Select character - NIHLUS

Select character - ZYTHNA
β‘ Featured Characters
ποΈ NIHLUS β The Void Seer
A haunting entity from beyond. Disrupts enemies with psychic paralysis and mind control.

NIHLUS
π©οΈ ZYNTHA β The Lightning Core
A plasma-born fighter who teleports and summons electrical storms.

ZYTHNA
πΌοΈ Screens & Motion Design
The UI was designed for gamepad use, with subtle motion accents, glitch effects, and moody ambience. I built a layered visual hierarchy to showcase character tiers, power levels, and class types β all brought to life through clean animations in Jitter.
Select Character Interaction
π§° Tools Used
Figma (UI & Character Illustration)
Jitter (Animation & Motion Prototyping)
π Why This Project?
Cause why not? I love working on fun and challenging projects and blending game UX logic, interface design, illustration, and motion into one system. It pushed my creativity and let me explore world-building and interactive UI in a game context.
π Takeaways
Clean UI isnβt enough β motion and personality bring it to life
Designing characters and gameplay systems helps you think like a game dev
Jitter + Figma is a killer combo for showcasing animated game interfaces
1 like Β· 23 views Β· Jul 7, 2025
Designed and animated a character select screen for StickRift using Figma and Jitter.




