dactrtr icon

I'm UI Designer, Illustrator and Indie Game Developer (HTML/CSS/SwiftUI/Lua) located in Tokyo.

ME some random code
dactrtr.rocks

Deviants' Factions

Frontend Developer

Worldwide

2022

Deviants' Factions

Deviants’ Factions is a play-to-earn NFT trading card game on the blockchain. Players build 8-card decks and compete in real-time matches, with each card being an on-chain asset. I joined as Frontend Developer to own the mobile-first implementation of a UI originally designed for desktop.


Mobile-First Responsive

Card game UIs are dense by nature: hand slots, battlefield zones, card art, action timers, menus. Getting all of that onto a phone screen without killing legibility meant rethinking which elements were actually essential, not just shrinking the desktop layout. I built the mobile-first responsive layouts in CSS3, working through the hierarchy of each view until it held up on small screens.

descripción
The design specs were mainly for desktop, so the tablet and mobile versions were designed on the fly during the frontend phase, directly in the browser.

Remote, Cross-timezone Delivery

The team spanned 10+ countries across multiple time zones with no single HQ. You had to write clearly, hand off properly, and know how to keep moving without waiting for a standup that wasn’t happening. We shipped on schedule throughout the engagement.

descripción
To keep the card display scalable, we built each card part by part in code instead of using images. That kept load times down and made updates much easier than swapping out bitmap assets.

Learnings

Good output survives a bad process. The design process was chaotic: incomplete specs, no design feedback, most decisions made alone in the browser. The output was still good. That comes from having enough judgment to fill the gaps, not from ideal conditions. Incomplete specs are just part of the job.