← Kishor AXyra Labs

Being the only designer at Xyra Labs, from logo to code

I led the rebrand, built the design system, designed the products and shipped Xyra Learn myself.

Xyra Learn, live at learn.xyra.trade
Xyra Learn on a phone
Role
Sole designer
Years
2022 to 2026
Scope
Brand, products, Xyra Learn, events
Shipped
The Xyra Learn front end

Owning every surface, because there was nobody else to hand it to

My second job ever, and the only designer. Brand, product, system, front end and the booth, one person.

  1. Brand
    The Xyra symbol
    The markLogo, identity, motion, videos.
  2. System
    Shared components reused across products
    The tokensBuilt once, reused everywhere.
  3. Learn
    A Xyra Learn lesson
    The front endDesigned and shipped myself.
  4. Marketing
    Kanalabs Konnect poster: Bangalore
    The postersA launch post for every feature.
  5. Events
    The booth at India Blockchain Week
    The boothIndia and Korea Blockchain Week.

Testing with real users, because no design peer could review me

Design peers judge taste. Real users judge whether it works. With no room of designers, I took the rebrand to the people who would live with it.

Drawing one mark that holds on dark product and white paper

A symbol and a wordmark in one blue to cyan gradient, with white and dark masters for every other ground.

The Xyra symbol in its gradient
The symbol
The Xyra wordmark in white
On dark
The Xyra wordmark in its gradient
On paper

Building the system on a few knobs, so it scales without me

Every surface is computed from one hue. Borders follow one contrast number, corners one base radius. Change a knob and the whole product follows.

Lime, dark · hue 70
sunkenbasesurfaceraisedoverlay
Trade
Lime, light · hue 70
sunkenbasesurfaceraisedoverlay
Trade
Aqua, light · hue 176
sunkenbasesurfaceraisedoverlay
Trade
--contrast-boost
Every border and hover is a multiple of one number
--radius-base
Small and large are halves and halves again

57.7%

of sessions came from phones, on a dense money product

Across 18,694 sessions in a year, measured in Microsoft Clarity. So every screen had to be calm on a phone first.

Automating the poster I kept remaking, so marketing could ship alone

The same collab poster, every week. I built CollabPoster: the team drops in a partner’s picture and name, and downloads the finished poster.

CollabPoster: inputs on one side, the generated poster on the other

Designing and building Xyra Learn, to ease new traders in

New users met a dense product cold. Xyra Learn walks them in first. I built its whole front end myself with AI tools.

A Xyra Learn lesson with its course outline
A Xyra Learn lesson on a phone

1.9×

more pages read per visit on Xyra Learn

2.72 pages against 1.42 across the suite, with half the rage clicks. People leave guides sooner, as you would expect.

Breaking lessons into small steps that always say what comes next

Short lessons, an outline always in view, and a next step at the end of every page.

1.0 minactive time per visit, against 49 seconds
The lesson cards in the Crypto Essentials course
A lesson page with the course outline beside it
The end of a lesson: what comes next, with previous and next links
A Xyra Learn guide on a phone

Shipping my designs as commits, not handoff files

With access to the company repo, I opened pull requests myself: the deposit and withdraw flows, in five languages, wired end to end.

kanalabs/xyra-interface21 commits by Kishor
03-26refactor(wallet)extract useDepositFlow and useWithdrawFlow hooks from DepositPane
03-25feat(withdraw)wire DepositPane with withdraw flow: token and chain selectors
03-25feat(withdraw)add WithdrawProcessingScreen and WithdrawCompleteScreen
03-25feat(withdraw)add i18n keys for withdraw flow (all 5 locales)
03-25fix(wallet)compact Use Connected button, fix --positive var
03-25featimplement deposit multi step flow with wallet and token selection
03-20featadd mobile responsive swap flow

Making launch videos in code, so every announcement reuses the brand

A product announcement built in Remotion: fifteen scenes, spring motion and counting stats, in the brand’s own colours.

Designing one poster system for a five city tour

Kanalabs Konnect travelled to five cities. One layout and one pixel grid, a new skyline each time.

  1. City 1
    Kanalabs Konnect poster: Bangalore
    Bangalore
  2. City 2
    Kanalabs Konnect poster: Delhi
    Delhi
  3. City 3
    Kanalabs Konnect poster: Hyderabad
    Hyderabad
  4. City 4
    Kanalabs Konnect poster: Pune
    Pune

Taking the brand off the screen, onto booths and standees

Booth walls at India and Korea Blockchain Week, and the decks behind the company story.

The Xyra Labs booth panel at India Blockchain Week 2025

A solo designer has a wider job, not a smaller one

Brand, product, system, front end and the booth, each one checked against real users.

Next caseGUVI × GuinnessDesigning the signup behind a Guinness World Record, with no second try
kishor · agent · ~/portfolio