JFJaka Fefer · Portfolio
Drafts
Layers
Bluerock
Bluerock logo

Bluerock

Crypto index investing was too complex to explain with trading-terminal UI, so I designed it around weights, rule-based rebalancing and growth projections and delivered a complete UI and design system before the product stalled on funding.

Role

Founding Product Designer

Dates

Client project

Team

Product, engineering and the client

Bluerock portfolio on a laptop. Total value with a performance chart, a portfolio allocation donut across three indices, recurring buys, and open positions.
Four phone screens. Yield optimiser with deposits and APY, a USDC/ETH vault detail, the popular indices list, and the Blue Chip Index with current versus goal allocation.
Manage position dialog. Buy or sell, one-time or recurring, the allocation bars for each asset in the index, and a value projection chart out to 2030 with fees and price impact.
Two sheets of crazy-eights sketches from the workshop: dashboard, yield, profile and portfolio layouts drawn by two participants.

Impact

  • No usage numbers: the product did not ship. Funding and technical limits stopped it before launch.
  • The client got the full investing flow, from choosing an index to recurring buys and governance votes, with a design system in light and dark modes, ready to build.

Problem

Most crypto products assume you want to pick tokens and manage a portfolio by hand. Bluerock wanted the opposite: curated indices with target weights, rule-based rebalancing when a weight drifts past a threshold, and optional yield that compounds or can be claimed. The design problem was explaining that behaviour to people who are not traders without turning the interface into a terminal. There were too many coins to evaluate one by one, token-level detail pushed people toward short-term trading, and compounding and governance rebalancing felt opaque. The product started at concept stage with no UX conventions to lean on, and it had to work on desktop and mobile.

  • Index products work best when they show allocation structure, not price noise
  • People understand a portfolio faster through weights than through token feeds
  • Rule-based behaviour builds trust because outcomes feel predictable

Decisions

1. Show weights instead of token price feeds

Some of the team wanted live prices and performance for every underlying asset on the index screens, which pulls attention to short-term movement and makes an index feel like a trading terminal.

I argued against it after reviewing how index and ETF products present themselves: allocation and structure, not constant market movement. The main surfaces show percentage weights and how allocation works. People who want token-level detail get a link to a full asset list.

Made against the founders' preference at the time.

Blue Chip Index card. Percentage allocation for BTC, ETH, MATIC and BNB, a short description, and buy and index details actions.

Evidence. Index and ETF products abstract token-level price noise for the same reason. The interface stayed focused on index behaviour.

2. Threshold-based governance rebalancing

Rebalancing had to feel predictable, and nobody could explain when or why an index would change.

I designed a rule: when an asset drifts more than ten percent from its target weight, the system opens a governance event, DAO participants propose rebalance plans and vote on execution.

Governance proposal to rebalance the Blue Chip index by moving the ETH target weight from 20% to 29%, with vote options, results and a timeline.

Evidence. Users could see when and why an index changed, tied to a measurable trigger instead of a discretionary call.

3. Explain compounding with a projection

Yield-bearing indices needed a way to explain compounding, and raw yield metrics intimidated people who had never used DeFi.

I took the projection model from Trading212 and adapted it: the manage-position dialog shows how reinvested yield changes the trajectory of an index over years, in familiar investing language.

Evidence. Traditional investing apps explain compounding through projections, not yield breakdowns. The projection is in the third screen above.

Reflection

  • Structure has to be clearer than noise, or an index product turns into a trading app.
  • Compounding has to be shown as an outcome people can picture.
  • Governance UX only works when the rules are explicit.
G
Bluerock
Founding Product Designer
Client project
Product, engineering and the client
Ljubljana, Slovenija
CET (UTC+1)
RemoteOpen to work
Product Design (UI/UX)
UX Research
Design Systems
Interaction Design
Risk-aware UX & Trust Design
Data-dense Interface Design
Prototyping & Validation
User Journey Mapping
Google UX Design Professional
Responsive Web Design, freeCodeCamp
Graphic & Media Technology Degree