WPS.guru — варианты редизайна · раунд 2

Три новых направления (D · E · F), намеренно непохожих ни друг на друга, ни на отклонённый первый раунд. Статические мокапы одинакового набора экранов; внизу каждой страницы — переключатель D/E/F для сравнения одного экрана между вариантами.

D — Skyline

Светлый · премиальный SaaS (Stripe/Linear-класс) · Figtree + Fira Code

Полированный современный продукт: белые карточки, индиго-градиент, слоистые тени. Сигнатура — KPI-строка над таблицей: сумма прогона, число людей, блокирующие проблемы и дедлайн банка видны до нажатия кнопки.

Открыть вариант D

Экраны Лендинг Логин + OTP Онбординг (пустой список) Компании Сотрудники + выгрузка SIF Формы (модалки)

E — Console

Тёмный · финансовый терминал · JetBrains Mono + Inter

Bloomberg-плотность: статус-бары сверху и снизу, одна строка на сотрудника, моноширинные колонки, квадратные углы, фосфорно-зелёный акцент. Сигнатура — панель контроля с валидацией (4 OK · 1 ERR) до экспорта.

Открыть вариант E

Экраны Лендинг Логин + OTP Онбординг (пустой список) Компании Сотрудники + выгрузка SIF Формы (модалки)

F — Poster

Светлый · швейцарский плакат / нео-гротеск · Archivo Black + Space Mono

Смелая плакатная типографика: огромный чёрный дисплей, кобальт, жёлтый маркер, рамки 2px и жёсткие тени. Сигнатура — штамп «Submit by 28 Aug»: дедлайн банка как главный мотив продукта.

Открыть вариант F

Экраны Лендинг Логин + OTP Онбординг (пустой список) Компании Сотрудники + выгрузка SIF Формы (модалки)

Общие UX-исправления (во всех вариантах)

Одно главное действие на экран; банк и IBAN видны в строке, ошибки — до выгрузки, а не в банке.
Период и reference задаются один раз на прогон; итоги по выбранным — в подвале таблицы.
Формы с подсказками и человеческими текстами ошибок; моно-шрифт и tabular-nums для ID/IBAN/сумм.

Раунд 1 — отклонён

Оставлен для истории: A — Ledger (банковский регистр) B — Vault (графит + золото) C — Oasis (степпер + саду)

Это макеты для выбора направления, не готовый код приложения. Можно смешивать: например, KPI-строку из D добавить в плотную таблицу E, или взять палитру F со структурой D. После выбора переношу направление в wps.guru поэтапно.