Prontaro
UX/UI-дизайнер
Строим облачный VPS-хостинг. Начальный рынок - ЛатАм и US. Аудитория - разработчики, автоматизаторы, бизнесы. Продукт строится вокруг тезиса «проверь сам»: инфраструктуру можно потрогать до покупки — живой looking glass, измерение задержки из браузера, тестовые файлы, бесплатная виртуалка на 15 минут прямо в браузере. Это не лендинг с картинками, а сайт из работающих инструментов. Оплата - USDT, возможна предоплата.
Визуальный язык
Найти приём, который делает продукт узнаваемым по скриншоту без логотипа, и провести его через все поверхности. Визуальный блок? Маскот? Anything?
Дизайн-система
Figma variables, замапленные на CSS custom properties. Компоненты поверх shadcn/ui — переопределение, не с нуля. Все состояния каждого компонента: default / hover / focus / active / disabled / loading / error. Светлая и тёмная темы равноправны. Отдельно — тема терминала xterm.js (16 ANSI-цветов) и палитра для графиков, проверенная на дейтеранопию.
Публичный сайт, ~19 экранов
Сначала инструменты — живое измерение задержки, looking glass (mtr/traceroute/ping), страница локаций с тестовыми файлами, бесплатная VM в браузере (терминал + таймер), страница статуса. Затем тарифы, локации, гарантии, оплата, сравнение с альтернативами. Отдельно — API-документация и шаблон технического гайда. Плюс вход/регистрация/2FA и служебные страницы.
Панель клиента, ~8 экранов
На готовой системе: список машин, машина с метриками и графиками, VNC-консоль, создание машины, биллинг, API-ключи, настройки, состояния пусто/загрузка/ошибка.
Мобильные макеты
Для пяти самых сложных экранов: терминал, вывод mtr, таблица тарифов, дашборд машины, VNC. Аудитория много работает с телефона — это не адаптив по остаточному принципу.
Логотип
— типографический wordmark, favicon set, аватар Telegram-бота
Telegram-бот и транзакционные письма
— по 4–6 шаблонов, на готовой системе. Работаем этапами, каждый принимается и оплачивается отдельно.
В портфолио минимум один продукт с плотным интерфейсом: таблицы, метрики, графики, дашборд, консоль
Опыт дизайн-систем в Figma variables
Не «делал макеты», а «делал систему, по которой продукт собрали в коде»
Понимание, что такое состояния: пусто, загрузка, таймаут, частичная потеря пакетов, истёкшая сессия
Макет только успешного состояния не принимается
Доступность на уровне ремесла: контраст AA, различимость при дальтонизме, фокус-состояния.
Свободный график, ориентируемся на этапы, а не на часы
Основная коммуникация в Telegram
Часовой пояс CET, но синхронность не требуется
Оплата в USDT, возможна предоплата
Может быть, и ваши идеи сразу
Присылайте портфолио
Предлагайте свою цену
Мы не знаем рынка, но мы не жадные.
.webp)
.webp)