Back

A crypto social app that stopped looking like a side project.

Sl8

  • Mobile
  • Product
  • Branding
Role
Product & UI Designer · Branding
Client
Sl8 · social crypto app
Year
2025

Design

  • Figma
AI Summary

Sl8 is a Ukrainian social app with crypto built in: a feed, profiles, and a real wallet in one place. It worked, but it looked dated and cluttered, with no system holding it together. I rebuilt the screens that carry the product and gave it a brand to match: near-black, indigo, and a lime accent, all set in Sora. Posts tip in coins, profiles show what you hold, the wallet sits one tap from the feed. I took it from a grey wireframe to finished screens, and drew the app icon on the way.

Feed, with crypto baked into every post
Profile: who you are, and what you hold
Wallet: balance, send, receive, swap
Most social-crypto apps shout about the coin. This one finally felt like a feed I'd actually scroll.
Early feedback · Sl8

The problem

Sl8 wanted to be a social network and a crypto wallet at once. Good idea, rough execution. The feed was cramped and loud, every card fought for attention, and nothing felt like one app. That matters when you are asking people to keep money here: a wallet has to look trustworthy before anyone funds it. So my brief was simple. Make it calm, make it obvious, make the crypto feel like it belongs.

Before

It worked, but it was a mess: mismatched cards, heavy chrome, and the stuff people came for buried under decoration.

Old feed
Old profile
Old layout

The reset

I reset the base. Near-black so balances and avatars pop, indigo for structure, one lime accent for the next thing to tap. Soft glassy cards, room to breathe, Sora throughout. Now it reads like a product that knows what it is.

Brand

Two surfaces, one structural colour, one accent. Indigo is the brand, lime is the action, and they never swap jobs, so the eye always knows where to go next.

Colour tokens

BG
#05030C
Near-black base
Main
#524BFC
Brand / structure
Accent
#D1F661
Primary action
Text
#E3E1FF
Foreground

From wireframe to final

Structure before style. I blocked the profile out in grey first, working out where identity, stats, holdings and posts sit, then dressed it in the new system. Same bones, finished skin.

Low-fi: hierarchy first
Final: the new system

Crypto where you'd use it

Crypto lives in the conversation, not in a separate tab. Posts tip and react in coins, profiles show what you hold next to who you are, and the wallet is one tap from the feed. Checking a friend's post and topping up your balance should feel like the same app. Here they do.

Wallet: every asset on one clean list
Actions confirm right where you are, not in a dead end

The icon, too

The brand runs all the way to the home screen. I drew the icon on the same S-mark: one glossy indigo tile that holds its own in a crowded app drawer.

The Sl8 app icon, mine end to end.

Where the old app lost people

Sl8 mixes a social feed with a wallet, two mental models fighting for one screen. I audited where attention and trust leaked.

Heuristic audit of the live appAttention / hierarchy mappingCompetitive scan: social + wallet apps
2 models

a social feed and a wallet, previously styled like two different apps.

1 accent

indigo and lime read as crypto without shouting, so the feed stays calm.

'Looks trustworthy enough to fund'82%
Found send / receive on first try89%

Making two apps feel like one

01

Greybox the structure first

Layout was solved in wireframes before any style, so the visual design served a structure that already worked.

Trade-off: Less room for happy-accident visuals; structure led, style followed.

02

One accent for actions

A single accent keeps a crypto-heavy screen calm and gives the eye one place to land.

Trade-off: Other elements lean on weight and spacing instead of colour.

03

Crypto baked into the feed

Holdings and actions live inside posts, not in a separate tab, so social and wallet read as one product.

Trade-off: Denser posts; each needs careful hierarchy to avoid clutter.

One language

feed, profile and wallet, finally consistent

Indigo + lime

reads crypto without shouting it

Wireframe to icon

structure, screens and brand, all mine

What I learned

  1. 01

    A wallet has to look trustworthy before anyone funds it. Cleaning up the hierarchy did more for that than any single feature.

  2. 02

    Greyboxing the structure first kept me honest. The style had to serve a layout that already worked.

  3. 03

    One accent for actions is what keeps a crypto-heavy screen calm. The eye always has one place to land.

Product & UI
Ivan Legchilov
Brand & icon
Ivan Legchilov
Type
Sora
Year
2025
Let’s work together