Опис проєкту
ПерекладНаша B2B SaaS адміністративна панель накопичує дизайн-борг протягом трьох років. Різні розділи були розроблені в різні часи різними людьми, що призвело до непослідовної візуальної мови, поганої ієрархії інформації та користувацького досвіду, на який наші клієнти часто скаржаться на квитки підтримки. Ми хочемо інвестувати в повний редизайн, який встановлює узгоджену дизайн-систему та створює інтерфейс, який масштабується — той, який розробники продуктів можуть розширювати без порушення візуальної послідовності, і який клієнти можуть навігувати без навчання.
Новий дизайн повинен черпати натхнення з сучасних інтерфейсів B2B адміністрування, таких як Linear, Vercel та Stripe — чистий, інформаційно насичений, але ніколи не захаращений, з відмінною підтримкою темного та світлого режимів. Нам потрібно більше, ніж красиві макети: нам потрібна повна дизайн-система з документованими кольоровими токенами, шкалами типографіки та бібліотекою компонентів, на яку розробники можуть посилатися під час реалізації. Інтерактивний прототип Figma повинен охоплювати всі ключові користувацькі потоки, щоб ми могли перевірити дизайн з реальними клієнтами перед розробкою. Анотації передачі розробнику є суттєвими — кожне відступ, колір та стан взаємодії повинні бути вказані.
Сторінки для дизайну:
1. Огляд інформаційної панелі — KPI, графіки, стрічка останніх дій
2. Управління користувачами — перегляд списку, ролі, матриця дозволів
3. Аналітика — графіки трафіку, воронки конверсії, порівняльні перегляди
4. Виставлення рахунків та підписки — огляд плану, історія платежів, потоки оновлення
5. Параметри — профіль, сповіщення, інтеграції, ключі API
6. Потік розпочатку — трирівневий майстер налаштування з відстеженням прогресу
Вимоги дизайну: варіанти світлого та темного режимів, спочатку на робочому столі з чутливістю планшета, повна дизайн-система, інтерактивний прототип, передача розробнику з анотаціями.
Новий дизайн повинен черпати натхнення з сучасних інтерфейсів B2B адміністрування, таких як Linear, Vercel та Stripe — чистий, інформаційно насичений, але ніколи не захаращений, з відмінною підтримкою темного та світлого режимів. Нам потрібно більше, ніж красиві макети: нам потрібна повна дизайн-система з документованими кольоровими токенами, шкалами типографіки та бібліотекою компонентів, на яку розробники можуть посилатися під час реалізації. Інтерактивний прототип Figma повинен охоплювати всі ключові користувацькі потоки, щоб ми могли перевірити дизайн з реальними клієнтами перед розробкою. Анотації передачі розробнику є суттєвими — кожне відступ, колір та стан взаємодії повинні бути вказані.
Сторінки для дизайну:
1. Огляд інформаційної панелі — KPI, графіки, стрічка останніх дій
2. Управління користувачами — перегляд списку, ролі, матриця дозволів
3. Аналітика — графіки трафіку, воронки конверсії, порівняльні перегляди
4. Виставлення рахунків та підписки — огляд плану, історія платежів, потоки оновлення
5. Параметри — профіль, сповіщення, інтеграції, ключі API
6. Потік розпочатку — трирівневий майстер налаштування з відстеженням прогресу
Вимоги дизайну: варіанти світлого та темного режимів, спочатку на робочому столі з чутливістю планшета, повна дизайн-система, інтерактивний прототип, передача розробнику з анотаціями.
Веб програмування Готівка, Банківський переказ
