Picknetic

Портфолио

Дизайн и разработка интерфейсов.

Дина Коденец
Дизайн, Figma, прототипы, адаптив, баннерные системы
Даниэль Норец
Флоу, состояния, логика, вёрстка, интеграции, бэкенд
Совместные работы
Сайт Picknetic, BAMS, лендинги клиентов

Продуктовые интерфейсы

Инструмент комплаенса для отдела рекрутации

Аутсорсинг персонала, Польша. Проверка, можно ли подать документы за иностранного кандидата и можно ли ставить его на смену.

Пустое состояние
Пустое состояние
6 готовых сценариев под формой
Разрешающий вердикт
Разрешающий вердикт
Кнопка эскалации в кадры присутствует всегда
Вердикты расходятся
Вердикты расходятся, полный экран
Подать можно, на смену нельзя. Под решением 3 статьи с номером Dz.U. и датой редакции
Поиск по нормам
Поиск по нормам
Ответ со ссылкой на статью, без ссылки ответ не отдаётся

Внутренние системы

Панели, роли, интеграции

Работает вживую у клиентов. Логика и интерфейс сделаны одними руками.

Панель заявок

  • База 1070 записей
  • Список строится из сводок в метаданных ключа, открытие 0,7 секунды
  • Статусы, ответственный, история комментариев, фильтры, поиск, период
  • Выгрузка в Excel из уже загруженного
  • Пароли на PBKDF2 SHA-256, 100 000 витков
  • Два потока заявок с разными полями и статусами

Личные аккаунты и тикеты

  • 3 роли, свой кабинет у каждой
  • Тикет в 4 состояниях, номер вида EM-XXXX
  • Запрос уточнения от второй стороны
  • Первый вход требует смены стартового пароля
  • Куки на 30 дней, подпись из серверного ключа
  • Уведомления в Telegram по привязке шестизначным кодом

Чистка персональных данных

  • 30 дней после передачи во внешнюю систему
  • Стираются имя, телефон, почта, сообщение, комментарии
  • Остаются дата, статус, вакансия, метки рекламы, номер карточки
  • Срок в переменной, ноль выключает
  • Холостой прогон и прогон с записью раздельно

Интеграция с HR-системой клиента

  • Кандидат заводится автоматически, привязка к вакансии
  • Заявка сперва в своё хранилище, потом во внешнее
  • Досылка пачками по 15, кнопка ручной досылки
  • В карточке видно, уехала заявка или нет
  • 184 накопленные заявки досланы разово

Валидация телефона

  • Парагвай, фиксированный код +595
  • Плюс, международный ноль, код страны и ноль перед номером срезаются без ошибки
  • Отбой на длину, одинаковые цифры подряд, лесенку
  • Ошибка гаснет при исправлении, не по кнопке
  • В базу E.164, оригинал ввода в отдельном поле
  • Та же проверка продублирована на сервере
  • Разовая починка базы, 65 номеров из 221

Панели редактуры контента

  • Психотерапевт правит 126 текстов страницы
  • Риелтор правит главную и страницу услуги
  • Фитнес-клуб ведёт журнал заявок
  • CRUD вакансий и блога, картинка ужимается в браузере до 1400 px
  • Вёрстку из панели сломать нельзя

Трекер задач и оплат

  • Cloudflare D1, React 19, Vite, PWA
  • 3 уровня доступа к данным, суммы и реквизиты сервер не читает
  • Второй фактор на TOTP через WebCrypto
  • Очередь уведомлений по крону раз в минуту
  • 5 точек напоминания о встрече

Оплата картой на чужом WordPress

  • LiqPay, чекаут через админ-эндпоинт сайта клиента
  • Токены карт снимаются со страницы и кешируются в KV на 10 минут
  • Заявка фиксируется до оплаты и уходит в CRM клуба

Дина Коденец

Дизайн

Веб-дизайн, интерфейсы, прототипы, баннеры.

Сайт агентства
Сайт агентства
Собственный сайт Picknetic. Макет Дины, сборка Даниила
Интерактивный концепт
Интерактивный концепт
Cars with Personality. Арт-дирекшн, типографика
Лендинг BAMS
Лендинг
BAMS. Кликабельный прототип в Figma
Мобильная версия магазина
Мобильная версия
Магазин косметики. Сетка, карточки, переключение товара в блоке
Редизайн главной
Редизайн главной
Магазин 3D-принтеров. Каталог с характеристиками
Внутренняя страница
Внутренняя страница
Тот же магазин, страница услуги печати
Десктоп и мобайл
Десктоп и мобайл
Одна страница в двух разрешениях
Набор баннеров
Набор баннеров
Один макет в 10 форматах под веб и соцсети
Инструменты
Figma, прототипы с переходами, адаптив, сетка, баннерные системы
Сборка без разработчика
Tilda. Клининг в Варшаве, пассажирские перевозки по Европе
Полные кейсы

Даниэль Норец

Сайты и лендинги

Многостраничники и посадочные, Astro и статика, Cloudflare.

Клининг
Клининг, 28 страниц
Недвижимость
Недвижимость, 16 страниц
Агентство
Агентство, 19 страниц
Логистика
Логистика, 8 страниц
Фитнес-клуб
Фитнес, оплата картой
Юрфирма
Юрфирма
3D-печать
3D-печать
Стоматология
Стоматология

Стек и объём

Что делаем

Дизайн
Figma, макеты, компоненты, прототипы с переходами, адаптив, баннеры
Проектирование
Флоу с ветками и ролями, состояния экранов, правила и вердикты, эскалация
Фронтенд
Astro, React, Vite, Tailwind, статика, PWA
Бэкенд
Cloudflare Workers, Pages Functions, KV, D1, Workers AI, крон
Интеграции
HR-системы, CRM, платёжные шлюзы, Telegram, почта, Google Ads API, Search Console API
Языки интерфейсов
Польский, украинский, русский, английский, испанский

Контакты