Крипто Пульс
Представляю концепт головної сторінки для аналітичної платформи Crypto Pulse. Ключовою задачею було упакувати складний масив даних в естетичний і інтуїтивно зрозумілий інтерфейс, який однаково добре підійде як досвідченим трейдерам, так і новачкам.
В центрі уваги знаходиться блок з «живими» котируваннями та швидкими діями. Я спеціально виніс основні ринкові показники — капіталізацію, домінування BTC та обсяг торгів — у верхню частину екрану, щоб користувач міг миттєво оцінити стан ринку, не пролистуючи сторінку. Особливу увагу приділено UX-гачку: пропозиції демо-рахунку на $10,000, що знижує поріг входу і мотивує до реєстрації.
Візуальна мова проєкту будується на естетиці «технологічної ночі». Глибокий темний фон у поєднанні з неоновим світінням і м’якими градієнтами створює атмосферу футуризму і надійності. Використання напівпрозорих скляних карток (Glassmorphism) на фоні сітки надає інтерфейсу глибину і допомагає чітко розмежувати різні типи даних. В результаті вийшов сучасний, динамічний дизайн, який транслює швидкість і технологічність, допомагаючи користувачу зосередитися на прийнятті рішень в умовах швидко змінюваного ринку.
Технологічний стек проєкту
Фронтенд і архітектура:
—React 19 + TypeScript
—Vite
—Tailwind CSS v4
—React Router
—Recharts
Дані та «бекенд» у браузері:
—Binance WebSocket
—CoinGecko API
—localStorage
В центрі уваги знаходиться блок з «живими» котируваннями та швидкими діями. Я спеціально виніс основні ринкові показники — капіталізацію, домінування BTC та обсяг торгів — у верхню частину екрану, щоб користувач міг миттєво оцінити стан ринку, не пролистуючи сторінку. Особливу увагу приділено UX-гачку: пропозиції демо-рахунку на $10,000, що знижує поріг входу і мотивує до реєстрації.
Візуальна мова проєкту будується на естетиці «технологічної ночі». Глибокий темний фон у поєднанні з неоновим світінням і м’якими градієнтами створює атмосферу футуризму і надійності. Використання напівпрозорих скляних карток (Glassmorphism) на фоні сітки надає інтерфейсу глибину і допомагає чітко розмежувати різні типи даних. В результаті вийшов сучасний, динамічний дизайн, який транслює швидкість і технологічність, допомагаючи користувачу зосередитися на прийнятті рішень в умовах швидко змінюваного ринку.
Технологічний стек проєкту
Фронтенд і архітектура:
—React 19 + TypeScript
—Vite
—Tailwind CSS v4
—React Router
—Recharts
Дані та «бекенд» у браузері:
—Binance WebSocket
—CoinGecko API
—localStorage