Редизайн UI/UX финтех-приложения для обучения инвестициям (Next.js): навигация, онбординг, мобайл
Дата публикации: 19.08.2026 08:19:39
О ПРОДУКТЕ приложение помогает людям учиться инвестировать на основе реальных фактов отчётности SEC а не на советах и хайпе. Пользователи отслеживают компании, видят «что изменилось» между отчётами компании (каждое утверждение ссылается на исходный документ), записывают, почему они держат акцию и что заставит их изменить мнение, тренируются на учебном портфеле в $1 000 и по ходу изучают термины и понятия. Слоган: «Know what changed» («Знай, что изменилось»). Тарифы: Free и Pro ($9/мес или $79/год). Стек: Next.js 15 (App Router), React, Tailwind. Тёмная тема, фирменный тёмно-синий #0B1436. Ссылку на рабочую версию и тестовый аккаунт предоставим кандидатам из шорт-листа. ЧТО СЕЙЧАС НЕ ТАК (честно) Слоган обещает одну чёткую вещь, а навигация показывает 12 пунктов в 3 категориях (Learning / Investing / Research workflow). Новый пользователь не понимает, с чего начать. Нет направляющего первого сценария. До «ага-момента» открыть отчёт об изменениях и перейти к доказательствам путь слишком долгий. Две несогласованные системы навигации (маркетинговые страницы и оболочка приложения). Ключевым экранам не хватает ясности: отчёт об изменениях («что изменилось» должно быть понятно за 10 секунд); ввод инвестиционного тезиса (сейчас пустое поле пользователи не знают, что писать; нужны направляющие подсказки); страница компании (понятные состояния «нет покрытия / данных пока нет»); учебная торговля (перекрывающий контент элемент, ошибки в тексте уведомлений, теснота на мобильных). Доверие и полировка: пустые состояния, загрузка и ошибки, единая типографика, иконки/favicon, проблемы с контрастом (цель WCAG 2.2 AA), обрезанные названия компаний в Rankings. Мобильная версия требует полной проработки. ЧТО НУЖНО ОТ ВАС (результаты) UX-аудит + информационная архитектура: сократить до ~5 разделов верхнего уровня вокруг основного цикла (Home-радар → My Locker → Changes → News → Learn). «My Locker» ключевая концепция бренда, «место, где хранятся твои вещи»: сохранить и усилить. Пользовательские сценарии + вайрфреймы: первый вход/онбординг; добавить компанию → отчёт об изменениях → доказательства; написать тезис (с подсказками); учебная сделка; переход на Pro. Финальные макеты в Figma для ~10-12 ключевых экранов, десктоп + мобайл: главная/дашборд, My Locker, страница компании (включая состояние «нет покрытия»), отчёт об изменениях, тезис, новости, обучение/глоссарий, учебная торговля, тарифы, вход/регистрация, настройки/оплата. Лёгкая дизайн-система: цвета, типографическая шкала, отступы, базовые компоненты (кнопки, карточки, таблицы, уведомления, состояния «пусто/загрузка/ошибка»). Передача: структурированный Figma с компонентами, спецификации/redlines, экспортированные ассеты и короткая записка для нашего разработчика (Next.js/Tailwind). ПРИНЦИПЫ И ОГРАНИЧЕНИЯ Опора на факты, спокойствие, доверие. Это деньги, а не игра: без хайпа, без формулировок «покупать/продавать», без красно-зелёной «казино»-эстетики. Учить, не поучая: и новичок, и опытный частный инвестор должны чувствовать себя на месте. Основная тёмная тема (существующий бренд), доступный контраст, mobile-first. Использовать то, что уже работает (тон страницы тарифов, честные сообщения «нет покрытия»). Предпочтительны решения, которые наш разработчик реализует на Tailwind без полной переделки. Только дизайн, доступ к коду не требуется. Вы получите тестовый аккаунт, скриншоты, бренд-ассеты и письменный бриф; наш разработчик реализует по вашему макету в Figma. ВАШЕ МНЕНИЕ ВАЖНО Мы не диктуем решение нам нужен ваш взгляд. Если вы считаете, что что-то из описанного стоит сделать иначе, убрать или добавить, скажите об этом в отклике. Предложите свои сроки и этапы, исходя из вашего процесса. КАК ОТКЛИКНУТЬСЯ Пожалуйста, укажите: (1) 2-3 ссылки на портфолио, желательно финтех, edtech или дашборды с большим объёмом данных; (2) короткий абзац о том, как вы превратили бы навигацию из 12 пунктов в понятную историю продукта; (3) ваш процесс, предлагаемые сроки и цену (фиксированную или почасовую с оценкой); (4) какие из пунктов выше вы бы разбили на этапы или оспорили и почему. Кандидаты из шорт-листа получат ссылку на приложение, скриншоты, наш продуктовый аудит и список UX-проблем.
Добрый день, уважаемые специалисты! Нужно сделать 3д иконки плашек с логотипами медицинских ассоциаций 7 штук. (Делается одна плашка один в один и затем отрисовываются логотипы и прикрепляются на саму плашку.) Условия задачи: 1. Сделать эффекты внутри плашки (внутреннее и внешнее свечение, блики от незримого источника света, абберация заднего фона, выпуклость) ОДИН В ОДИН КАК НА РЕФЕРЕНСЕ НА ПЛАШКЕ С НАДПИСЬЮ "SECONDARY" 2. Размеры обязательно сделать регулируемыми, но основной размер к...
Поиск BIM-инжиниринговой команды для разработки BIM-модели Ищем профессиональную BIM-инжиниринговую команду / подрядчика для разработки BIM-модели проекта на основании предоставленных исходных материалов и технических требований. Исходные материалы предоставим Задача Необходимо выполнить BIM-моделирование проекта в соответствии с предоставленной проектной документацией, исходными IFC-моделями и установленными требованиями. Подрядчику необходимо: изучить весь комплект исходных...
Техническое задание: Реставрация аудио и удаление технического брака. Описание проблемы:Имеется видеозапись круглого стола «Драматург – театр» (большой файл, около 3.7 ГБ). На аудиодорожке присутствует сильный постоянный шум технического характера — звук, похожий на зуммер, наводку или писк аппаратуры. Обычные ИИ-шумодавы (вроде встроенных фильтров CapCut, DaVinci или базовых ИИ-улучшайзеров) этот дефект не убирают, а только искажают голоса, делая их трудноразличимыми.Что необходимо сделать:Лока...