Павло
Воробйов Обговорити сайт
Веброзробка та адаптивні інтерфейсиПерсональне портфоліо / 2026

ПавлоВоробйов

Квіткова AI-ілюстрація зі спільного демонстраційного концепту STILL.STILL. / Павло × Наталя Виразна форма.
Зрозумілий зміст.

Вебсторінки для малого бізнесу

Сайт із характером.
І зрозумілою дією.

Я Павло. Продумую структуру, адаптивну верстку та взаємодії, які допомагають відвідувачу зорієнтуватися.

Переглянути роботи
СтруктураПослідовний зміст
і шлях до дії
АдаптивДля комп’ютера
й телефона
ВзаємодіїФільтри, вибір
і доречний рух

Частину робіт створюю у співпраці з Наталею. Нижче — наші концепти та моє особисте фронтенддемо.

01 / Добірка

Вибрані роботи.

Квіти, світло, кава та цифрова форма. Чотири демонстраційні роботи — кожну можна відкрити й спробувати.

01 / Флористичне ательє

STILL.

Візуальна історія,
яка починається з настрою.

Демонстраційний концепт
STILL. / Флористичне ательєКонцепт — 2026 Перший екран концепту STILL. із квітковою композицією на жовтому тлі Мобільна версія демонстраційного концепту STILL. Вебсторінка / Адаптив / Взаємодія
Демонстраційний концепт · Створено у співпраці з Наталею · 2026

Задача

Передати характер вигаданого ательє та допомогти обрати композицію через відчуття й формат.

Рішення

Жовтий перший екран, бордова колекція й конструктор: настрій змінює зображення та опис, формат доповнює назву композиції.

Спробуйте

Змініть настрій і формат у блоці «Почнемо з настрою». Скопіюйте отриманий опис.

Відкрити демо STILL.

Вигаданий бренд · AI-ілюстрації · Демо не оформлює замовлень.

02 / Предметна історія

MONOFORM

Один предмет.
Шість сцен. Рух за прокруткою.

Демонстраційний концепт
MONOFORM / Предметна історіяКонцепт — 2026 Темний перший екран концепту MONOFORM зі скульптурним світильником Мобільна версія демонстраційного концепту MONOFORM Вебсторінка / Адаптив / Взаємодія
Демонстраційний концепт · Створено у співпраці з Наталею · 2026

Задача

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

Рішення

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

Спробуйте

Прогорніть усі шість сцен та перемкніть «Тепло», «Фокус» і «Вечір». Враховано налаштування зменшення руху.

Відкрити демо MONOFORM

Вигадані світильник та інтер’єр · AI-зображення · Візуальне демо без продажу товару.

03 / Кав’ярня та меню

NARO.

Від маленького ритуалу —
до простого вибору в меню.

Демонстраційний концепт
NARO. / Кав’ярня та менюКонцепт — 2026 Перший екран концепту NARO. з чашкою кави, круасаном і бордовим тлом Мобільна версія демонстраційного концепту NARO. Вебсторінка / Адаптив / Взаємодія
Демонстраційний концепт · Створено у співпраці з Наталею · 2026

Задача

Поєднати характер вигаданої кав’ярні зі зрозумілим сценарієм перегляду меню та вибору позицій.

Рішення

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

Спробуйте

Відфільтруйте меню, додайте кілька позицій у кошик, приберіть одну та перевірте підсумок.

Відкрити демо NARO.

Вигадані кав’ярня, меню й ціни · AI-ілюстрація · Без реальних замовлень, оплат і збору контактів.

Особисте демо Form / Field із зеленою геометричною композицією

04 / Особисте фронтенддемо

Form / Field

Адаптивна сторінка вигаданої творчої студії. Композиція на HTML/CSS, геометричні форми засобами CSS, мобільне меню та фільтрація карток на JavaScript.

Особисте фронтенддемо Павла · Вигадана студія · 2026

Відкрити фронтенддемо

Спробуйте фільтри Identity / Digital і меню на телефоні.

02 / Напрями роботи

Чим можу
допомогти.

Для невеликих брендів, кав’ярень, студій та сервісних бізнесів, яким потрібна зрозуміла вебсторінка.

01

Лендінг

від 5 900 ₴за лендінг

Зберемо зміст в одну послідовну сторінку: що ви пропонуєте, кому це потрібно та як зробити наступний крок.Стартова ціна — за сторінку до 5 блоків із готовими текстами й матеріалами.

  • Структура й логіка блоків
  • Виразна подача пропозиції
  • Зрозумілий шлях до контакту
02

Редизайн сайту

від 4 500 ₴за сторінку

Оновлю вигляд наявної сторінки: композицію, типографіку, кольори й кнопки. Зробимо подачу цілісною та зручнішою для перегляду на різних екранах.Стартова ціна — за візуальне оновлення однієї сторінки до 5 блоків зі збереженням основної функціональності. Можливість роботи з вашим сайтом визначимо після перегляду.

  • Оновлення композиції та стилю
  • Типографіка, кольори й кнопки
  • Перевірка мобільної версії
03

Адаптивна верстка

від 3 200 ₴за сторінку

Верстка на HTML/CSS/JavaScript із композицією для різних екранів, зрозумілою навігацією та станами елементів.Стартова ціна — за одну сторінку до 5 блоків за готовим макетом.

  • Гнучкі сітки й типографіка
  • Мобільна навігація
  • Перевірка основних взаємодій
04

Інтерактивні елементи

від 1 200 ₴за елемент

Фільтри, перемикачі та локальні сценарії вибору. Інтеграції та обробку даних обговоримо окремо.Стартова ціна — за один простий фільтр, перемикач або сценарій вибору.

  • Фільтри й перемикачі
  • Локальні сценарії вибору
  • Зрозумілі стани елементів
05

Анімація сайту

від 1 800 ₴за набір ефектів

Додам плавну появу заголовків і блоків, послідовне збирання прев’ю та стани наведення. Рух підтримуватиме зміст і враховуватиме налаштування зменшення анімації.Стартова ціна — за набір до 3 простих ефектів на одній готовій сторінці. Складні сцени з прокруткою оцінюємо окремо.

  • Поява тексту й блоків
  • Послідовна анімація елементів
  • Врахування зменшення руху
06

Доопрацювання сайту

від 900 ₴за задачу

Допоможу з точковими змінами на наявній сторінці: заміною матеріалів, виправленням відступів, кнопок або нескладних помилок відображення.Стартова ціна — за одну невелику задачу після перегляду коду й погодження змін. Роботу з CMS та сторонніми системами обговорюємо окремо.

  • Оновлення текстів і зображень
  • Правки верстки та відступів
  • Виправлення простих помилок інтерфейсу

Точну суму погодимо після опису задачі. Домен, хостинг, форми й інтеграції обговорюємо окремо.

Описати задачу

03 / Про мене

За кожною деталлю —
увага до людини.

Структура → форма → взаємодія

Павло Воробйов
Веброзробка та інтерфейси

Мені цікаві сторінки, де виразний вигляд поєднується з послідовним змістом і дією, яку легко знайти.

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

Тут є моє особисте фронтенддемо та роботи, створені у співпраці з Наталею. Спільні проєкти позначені окремо. Усі представлені бренди — демонстраційні.

HTML / CSS / JavaScriptАдаптивна версткаВзаємодії

04 / Від розмови до сайту

Як починається робота.

  1. 01 / Задача

    Спочатку —
    сенс.

    Обговорюємо, що потрібно пояснити відвідувачу та яку дію він має зробити.

  2. 02 / Структура

    Зміст отримує
    порядок.

    Визначаємо блоки, тексти й матеріали, які знадобляться для сторінки.

  3. 03 / Узгодження

    Домовляємося
    про деталі.

    Обираємо візуальний напрям, погоджуємо функції, строки й вартість.

  4. 04 / Реалізація

    Втілюємо.
    Перевіряємо.

    Перевіряємо вигляд на різних екранах і погоджені взаємодії перед передачею.

05 / Наступний крок

Ваш проєкт починається з розмови

Обговорімо
ваш сайт

Напишіть кілька слів про ваш бізнес, потрібну сторінку та бажаний строк. Є тексти, приклади або чинний сайт? Додайте їх до повідомлення.

Написати Павлу в Instagram @fold.signal