A mining calculator: a six-column table that also works on a phone

Context: Miningx100, an online store for mining hardware Role: the only designer on the project, for a private client; the calculator is mine, UX and UI When: 2025–2026 Live site: miningx100.ru/calculator
On a wide screen the calculator is a table with six columns. On a phone I replaced it with a list of cards, one per miner. In the first version all the settings were above the list, and the list itself started only after them. In the final version three settings, the algorithm, the manufacturer and the cooling, are under a “Filter” button. Two number fields, the electricity price and the pool fee, stayed on the screen; the coin rate field is gone, and the rates block takes one line instead of two. The list starts higher.
The client asked for the calculator after we looked at competitors. A buyer sets the electricity price and the pool fee and sees the payback period, income, costs and profit for each miner.
I drew the calculator in four widths and 11 states, including an empty result and a sticky table header (count in Figma, October 2026). It is live on the site now, in Russian; the screens here are translated.
The same screen height. Before: settings only. After: three of them are under “Filter”, and the first miner is in view.
The same screen height. Before: settings only. After: three of them are under “Filter”, and the first miner is in view.
A table on a wide screen, cards on a phone.
A table on a wide screen, cards on a phone.