Як українська дизайнерка створила сайт родоводу за допомогою ШІ

Віталіна Падалка, Product Designer, за вихідні розробила сайт свого родоводу, використавши лише ШІ, без Figma та коду. Тепер члени її родини можуть зручно переглядати сімейну історію зі смартфонів.

Віталіна підкреслила важливість збереження пам’яті, особливо в умовах війни, коли «російська ракета може знищити сімейні альбоми». Ідея створення сайту виникла під час сімейної зустрічі, коли вона вирішила зафіксувати родові лінії.

Процес розробки

Віталіна відмовилася від традиційних дизайнерських інструментів на користь ШІ-агентів. Вона витратила 10 годин на створення сайту, не відкриваючи Figma жодного разу.

Для реалізації проекту були використані:

• Family Echo — для побудови генеалогічного дерева; безкоштовний сервіс, що дозволяє швидко додавати нових людей і експортувати дані у форматі GEDCOM.
• Claude Design — для генерації UI-концепту; Віталіна почала з простого промпту і поступово шукала візуальний стиль.
• Claude Code + Cloudflare — для розробки та публікації сайту; код був згенерований ШІ, а сайт опублікований з обмеженим доступом.

Створення базової версії зайняло 4–5 годин, решта часу пішла на доопрацювання інтерфейсу та нових функцій.

Корисні поради

Віталіна поділилася кількома порадами для тих, хто хоче повторити її досвід:

• Не використовуйте графічні редактори для створення родинного дерева — спеціалізовані платформи зекономлять час.
• Чітко формулюйте технічні завдання в Claude Code, щоб не витрачати запити на дрібні виправлення.
• Захищайте сайт паролем, оскільки він містить персональні дані.

На створення сайту Віталіна витратила 50–60% свого тижневого ліміту в Claude. Наразі вона відтворила близько 2/3 свого роду і планує додати персональні історії родичів.

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

Джерело: dev.ua (https://dev.ua/news/yak-za-vykhidni-navaibkodyty-sait-dlia-rodovodu-1791277038)