StickRift Select Character Design

Daniel Allison

🧠 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 - NIHLUS
Select character - ZYTHNA
Select character - ZYTHNA

⚑ Featured Characters

πŸ‘οΈ NIHLUS – The Void Seer

A haunting entity from beyond. Disrupts enemies with psychic paralysis and mind control.
NIHLUS
NIHLUS

🌩️ ZYNTHA – The Lightning Core

A plasma-born fighter who teleports and summons electrical storms.
ZYTHNA
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
Like this project

Posted Jul 7, 2025

Designed and animated a character select screen for StickRift using Figma and Jitter.

Coin/Wallet Illustration and Motion for Web3 App
Coin/Wallet Illustration and Motion for Web3 App
Electrolyte Boost Landing Page Redesign
Electrolyte Boost Landing Page Redesign
Technoville Website Design
Technoville Website Design
MB Studios Website Design
MB Studios Website Design

Join 50k+ companies and 1M+ independents

Contra Logo

Β© 2025 Contra.Work Inc