Про мене 01 Роботи 02 Підхід 03 Контакти 04
EN UA CZ
Відкритий до роботи

Я створюю сайтиі пишу коді роблю дизайні додаю їм рухуі закладаю SEOі запускаю їхі пишу код

Я Андрій, UX/UI дизайнер у Празі. Дослідження, сценарії та інтерфейс — моя робота, і далі я сам доводжу її до готового сайту, не передаючи нікому на півдорозі.

Андрій Ковальов

Про мене

Відповідаю за результата не лише за дизайн

Клінінгові компанії, геодезисти, нотаріуси, бухгалтери. Невеликі фірми, для яких сайт — джерело замовлень, а не вітрина. Я веду такий проєкт цілком: від першої розмови до домену, який уже працює.

Досвід
чотири роки: спершу агенція, потім самостійно
Обсяг
дослідження, UX, інтерфейс, фронтенд, SEO, запуск
Клієнти
малий бізнес у Чехії, Польщі та Німеччині
Мови
чеська, англійська, російська, українська
Fluxo, концепт застосунку фінансів для фрилансера: онбординг, дашборд, аналітика і рахунки
Магазин відновленої техніки Apple: головна з градацією стану і сторінка товару зі звітом про огляд
Застосунок пошуку роботи: картки вакансій з фільтрами, ставкою і збереженими
Voltra, концепт платіжної інфраструктури: темний лендінг із карткою і платіжним терміналом
Інтерфейс пошуку авіаквитків: фільтри, сортування за тарифом і картки рейсів з маршрутами та цінами
Банківський застосунок: картки, категорії витрат і список операцій
Концепт криптогаманця: баланс портфеля, графік Ethereum і обмін — три темні екрани

Роботи

Що я зробиві що це змінило

Mopiko
100SEO
3Поля у формі
2Мови

Клінінгова компанія в Познані, яка називає ціну ще до дзвінка — без менеджера і в неділю ввечері.

Калькулятор ціни PL / UA
Just Magic
227Сторінок живих
71Кошенят
2Мови

Розплідник, що продає за кордон: родовід, аналізи, доставка — усе, що питають перед покупкою. Новий приплід власник додає сам.

CMS для власника Англомовний ринок
Geo Vzor
98Швидкість
11Сторінок
6Послуг з ціною

Геодезія для приватних власників, а не для забудовників. Фіксовані ціни, кадастр під ключ і оцінка прямо на сторінці.

Власна ініціатива B2B → B2C Мальований рух
NotaDocs
30%Більше звернень
100SEO
2Мови

Нотаріальна допомога українцям у Німеччині. Ціни й порядок дій стоять на першому екрані.

Запис у месенджері UA / RU

Послуги

  • Вебдизайн01
  • Фронтенд02
  • Застосунки03
  • Моушн04
  • SEO та аналітика05

Чому я

Обидві половини роботив одних руках

Зазвичай сайт малює одна людина, а збирає інша, і десь на стику щось обов’язково губиться. Тут обидві роботи мої, тож макет, який ви погодили, і є та сторінка, яку ви отримаєте.

Кнопки я малюю останніми

Спершу — навіщо прийшов відвідувач і що стоїть у нього на шляху. Ієрархія, сценарії й порядок читання випливають із відповіді. Екран — це послідовність станів, а не картинка, тож і те, як він поводиться, коли ви щось перетягуєте, переходите між полями або помиляєтесь, вирішується тут, а не латається потім.

Логіка UXПрототипКаркасиДизайн-системаМоушн

Дизайн доходить до браузера незміненим

Звичайні HTML, CSS і JavaScript. Розмітку тут не диктує конструктор, тож між дизайном і екраном немає шару згенерованих обгорток. Здебільшого саме тому вони й швидкі. Відступи, плавність і рамка фокуса — саме ті, які я намалював.

0

Доступність і найкращі практики

Lighthouse дає 100 і на телефоні, і на комп’ютері. Контраст порахований за токенами, а не на око, і рамка фокуса намальована, а не залишена браузеру.

0 роки

Досвід у дизайні

Спершу агенція, від 2022 року самостійно, і завжди повний шлях від дослідження до запуску.

Стек

Інструменти, які я справді відкриваюполовина відкрита просто зараз

  • Figma
  • Photoshop
  • Krea AI
  • Final Cut
  • Claude
  • Cursor
  • GitHub
  • Vercel
  • Notion
  • Meta Ads

Процес

Кожне рішення — моєШІ лише пришвидшує

Спершу я з’ясовую справжнє завдання і справжню потребу, а не той результат, який попросили. Далі — серйозна розвідка: ринок і конкуренти. З ШІ я перевіряю обраний напрям на практиці за години, а не за тижні.

Потім я складаю структуру, сценарії й пріоритети та знаходжу найкоротший шлях до першого відчутного результату.

Інструменти
  • Claude
  • Figma
  • Notion
  • Google Drive
  • Google Docs
  • Google Sheets

Результати

  • Напрям проєкту
  • Дослідження ринку й конкурентів
  • Аудит UX і сайту
  • Для кого сторінка
  • Сценарії користувача
  • План і терміни
  • Критерії успіху

Замість статичних каркасів я збираю робочий прототип середньої деталізації просто в коді. Ви отримуєте те, що можна клікати, а не плаский макет.

Замовник клікає його сам ще до першого візуального рішення, тож розмова йде про поведінку, а не про смак. На сайті з п’яти сторінок це чесний обсяг перевірки. Решту дає аналітика вже після запуску.

Інструменти
  • Figma
  • Claude
  • Cursor

Результати

  • Робочий прототип
  • Демо із замовником
  • Затверджена структура

Тут усе вирішує смак. ШІ допомагає швидко перебрати напрями й підготувати матеріали, але ремесло — руками: ієрархія, ритм і вигляд, який належить вам, а не типовим шаблонам моделі.

Я перебираю варіанти, доки в дизайні не залишиться випадкових рішень і доки кожен стан не буде продуманий заздалегідь, а не знайдений потім: порожній, завантаження, помилка, переповнення.

Інструменти
  • Claude
  • Figma
  • Photoshop
  • Krea AI
  • Final Cut

Результати

  • Дизайн високої деталізації
  • Візуальний напрям
  • Основа дизайн-системи
  • Моушн

Далі я збираю це сам: звичайні HTML, CSS і JavaScript, написані з Claude рядок за рядком. Жодного конструктора, фреймворка чи збірки, тому на сайт іде саме те, що спроєктовано, аж до рамки фокуса.

Запуск теж мій: хостинг, прив’язаний домен, теги, аналітика та згоди на куки — усе це до першого відвідувача, а не після. Сайт я передаю виміряним, разом із вихідниками та всіма доступами.

Інструменти
  • Claude
  • Cursor
  • GitHub
  • Vercel

Результати

  • Фронтенд, написаний рядок за рядком
  • SEO і структуровані дані
  • GTM / GA4 і згоди на куки
  • Хостинг, домен і запуск
  • Вихідники й доступи передано

Почнімоз розмови

20 хвилин розмови