http://gs-permakultura-v-ukran.mozello.com/finanses/ Пермакультура - Фінанси http://gs-permakultura-v-ukran.mozello.com/finanses/params/post/5233674/lendng-dlja-platformi-frandrajzingu Sat, 04 Apr 2026 11:52:00 +0000 ооооооооооооооооооо<hr class="moze-more-divider"><p>1</p><p><br></p> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>FundFlow — платформа фандрейзингу</title> <style> body{margin:0;font-family:Arial, sans-serif;background:#f4f7fb;color:#2c3e50} .container{max-width:1200px;margin:auto;padding:20px} header{background:#ffffff;padding:15px 0;box-shadow:0 2px 10px rgba(0,0,0,0.05)} nav{display:flex;justify-content:space-between;align-items:center} .logo{font-weight:bold;font-size:22px} .btn{padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:bold} .btn-primary{background:#3498db;color:white} .btn-secondary{background:#2ecc71;color:white} .hero{padding:60px 20px;text-align:center;background:linear-gradient(135deg,#3498db,#6dd5fa);color:white} .hero h1{font-size:40px;margin-bottom:20px} .hero p{font-size:18px;margin-bottom:30px} .section{padding:50px 20px} .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px} .card{background:white;padding:20px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08)} .progress{background:#eee;border-radius:10px;height:8px;margin:10px 0} .progress-bar{background:#2ecc71;height:100%;border-radius:10px} .cta{background:#2c3e50;color:white;text-align:center;padding:50px 20px} input{padding:12px;width:250px;border-radius:8px;border:1px solid #ccc} footer{background:#ffffff;padding:20px;text-align:center;margin-top:40px} </style> <header> <div class="container"> <nav> <div class="logo">FundFlow</div> <div> <a href="#" class="btn btn-primary">Створити кампанію</a> </div> </nav> </div> </header> <section class="hero"> <h1>Запусти свій збір коштів за 5 хвилин</h1> <p>Платформа для швидкого фандрейзингу. Без складності. Без бар'єрів.</p> <a href="#" class="btn btn-secondary">Почати зараз</a> </section> <section class="section container"> <h2>Як це працює</h2> <div class="cards"> <div class="card"> <h3>1. Створи кампанію</h3> <p>Опиши свою ідею, додай фото та мету збору.</p> </div> <div class="card"> <h3>2. Поділись</h3> <p>Розповсюдь посилання серед друзів і спільноти.</p> </div> <div class="card"> <h3>3. Отримуй донати</h3> <p>Люди підтримують твій проєкт у кілька кліків.</p> </div> </div> </section> <section class="section container"> <h2>Популярні кампанії</h2> <div class="cards"> <div class="card"> <h3>Допомога школі</h3> <p>Збір на обладнання</p> <div class="progress"><div class="progress-bar" style="width:60%"></div></div> <p>€600 з €1000</p> <a href="#" class="btn btn-primary">Підтримати</a> </div> <div class="card"> <h3>Стартап ідея</h3> <p>Новий продукт</p> <div class="progress"><div class="progress-bar" style="width:30%"></div></div> <p>€300 з €1000</p> <a href="#" class="btn btn-primary">Підтримати</a> </div> <div class="card"> <h3>Соціальний проєкт</h3> <p>Допомога громаді</p> <div class="progress"><div class="progress-bar" style="width:80%"></div></div> <p>€800 з €1000</p> <a href="#" class="btn btn-primary">Підтримати</a> </div> </div> </section> <section class="cta"> <h2>Отримай ранній доступ</h2> <p>Приєднуйся до перших користувачів і отримай бонуси</p> <input type="email" placeholder="Ваш email"> <br><br> <a href="#" class="btn btn-secondary">Приєднатися</a> </section> <section class="section container"> <h2>Чому саме ми?</h2> <div class="cards"> <div class="card"> <h3>Простота</h3> <p>Запуск кампанії без технічних знань.</p> </div> <div class="card"> <h3>Швидкість</h3> <p>Отримуй перші донати вже сьогодні.</p> </div> <div class="card"> <h3>Довіра</h3> <p>Прозора система збору коштів.</p> </div> </div> </section> <section class="section container"> <h2>FAQ</h2> <div class="card"> <p><b>Скільки це коштує?</b><br>Комісія 5% від збору.</p> <p><b>Коли я отримую гроші?</b><br>Одразу після донату.</p> <p><b>Чи це безпечно?</b><br>Так, використовується захищена оплата.</p> </div> </section> <footer> <p>© 2026 FundFlow — платформа фандрейзингу</p> </footer> http://gs-permakultura-v-ukran.mozello.com/finanses/params/post/5233663/jak-stvoriti-platformu-dlja-fandrejzingu Sat, 04 Apr 2026 11:31:00 +0000 лллллллллллллллл<hr class="moze-more-divider"><p>1</p><p><br></p> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Платформа фандрейзингу — як створити</title> <style> body { font-family: Arial, sans-serif; margin: 0; background: #eef2f7; line-height: 1.7; } .container { max-width: 1200px; margin: auto; padding: 20px; } h1 { text-align: center; margin-bottom: 30px; } /* Основний акордеон */ .accordion { background: white; border-radius: 12px; margin-bottom: 15px; overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,0.08); } .accordion-header { padding: 18px; cursor: pointer; font-weight: bold; background: #2c3e50; color: white; font-size: 18px; } .accordion-content { display: none; padding: 20px; } /* Вкладений акордеон */ .sub-accordion { border-radius: 8px; margin-bottom: 10px; overflow: hidden; border: 1px solid #ddd; } .sub-header { padding: 14px; cursor: pointer; font-weight: bold; color: white; } .sub-content { display: none; padding: 15px; background: #fafafa; } .color1 { background: #3498db; } .color2 { background: #e67e22; } .color3 { background: #27ae60; } .color4 { background: #9b59b6; } .color5 { background: #e74c3c; } </style> <div class="container"> <h1>Як створити платформу для фандрейзингу</h1> <!-- 1 --> <div class="accordion"> <div class="accordion-header">1. HTML шаблон платформи</div> <div class="accordion-content"> <div class="sub-accordion"> <div class="sub-header color1">UI/UX дизайн</div> <div class="sub-content"> <p>Почни з детального прототипу у Figma. Продумай шлях користувача: від заходу на сайт до донату має бути максимум 2–3 кліки.</p> <p>Додай блоки довіри: фото, історії, відео. Люди донатять не функції — вони донатять емоції.</p> <p>Обов’язково зроби прогрес-бар, таймер кампанії та соціальні докази (хто вже підтримав).</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color2">Верстка</div> <div class="sub-content"> <p>Розбий сайт на ключові сторінки: головна, кампанія, профіль користувача.</p> <p>Використовуй адаптивний дизайн — 70% користувачів будуть з мобільних.</p> <p>Створи перевикористовувані компоненти: картки кампаній, кнопки, форми.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color3">Інтерактивність</div> <div class="sub-content"> <p>Додай миттєвий фідбек: після донату користувач має бачити результат.</p> <p>Реалізуй валідацію форм і обробку помилок.</p> <p>Динамічне оновлення суми збору створює ефект «живої платформи».</p> </div> </div> </div> </div> <!-- 2 --> <div class="accordion"> <div class="accordion-header">2. Архітектура стартапу</div> <div class="accordion-content"> <div class="sub-accordion"> <div class="sub-header color2">Frontend</div> <div class="sub-content"> <p>Обери React для масштабованості. Розбий інтерфейс на компоненти.</p> <p>Підключи API для отримання даних кампаній.</p> <p>Оптимізуй швидкість — повільний сайт вбиває донати.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color3">Backend</div> <div class="sub-content"> <p>Створи REST API для обробки даних.</p> <p>Реалізуй авторизацію (JWT або OAuth).</p> <p>Продумай логіку обробки платежів і безпеки.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color4">База даних</div> <div class="sub-content"> <p>Структуруй таблиці: користувачі, кампанії, транзакції.</p> <p>Продумай зв’язки і індекси для швидкої роботи.</p> <p>Забезпеч резервне копіювання даних.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color5">Платежі</div> <div class="sub-content"> <p>Інтегруй Stripe або PayPal.</p> <p>Налаштуй webhooks для підтвердження платежів.</p> <p>Додай рівень безпеки (HTTPS, токени, перевірки).</p> </div> </div> </div> </div> <!-- 3 --> <div class="accordion"> <div class="accordion-header">3. Фінанси у Відні</div> <div class="accordion-content"> <div class="sub-accordion"> <div class="sub-header color1">Стартові витрати</div> <div class="sub-content"> <p>Основні витрати: розробка, дизайн, юридичні послуги.</p> <p>Можна зменшити витрати, якщо робити самому або з партнером.</p> <p>Розглянь гранти або інкубатори у Відні.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color3">Операційні витрати</div> <div class="sub-content"> <p>Щомісячно: сервери, підтримка, маркетинг.</p> <p>На старті маркетинг — ключова стаття витрат.</p> <p>Автоматизація знижує витрати з часом.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color5">Доходи</div> <div class="sub-content"> <p>Основна модель — комісія з транзакцій.</p> <p>Додатково: преміум функції для авторів.</p> <p>Партнерства можуть приносити значний дохід.</p> </div> </div> </div> </div> <!-- 4 --> <div class="accordion"> <div class="accordion-header">4. План запуску на 30 днів</div> <div class="accordion-content"> <div class="sub-accordion"> <div class="sub-header color1">Тиждень 1</div> <div class="sub-content"> <p>Досліди ринок і конкурентів.</p> <p>Обери вузьку нішу — це критично.</p> <p>Знайди перших користувачів вручну.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color2">Тиждень 2</div> <div class="sub-content"> <p>Зроби MVP максимально швидко.</p> <p>Не ідеалізуй — головне працюючий продукт.</p> <p>Підключи платежі і протестуй.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color3">Тиждень 3</div> <div class="sub-content"> <p>Запусти перші кампанії.</p> <p>Збирай фідбек від користувачів.</p> <p>Виправляй критичні помилки.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color4">Тиждень 4</div> <div class="sub-content"> <p>Запусти рекламу і PR.</p> <p>Масштабуй найуспішніші кампанії.</p> <p>Почни будувати бренд.</p> </div> </div> </div> </div> <!-- 5 --> <div class="accordion"> <div class="accordion-header">5. Мінімальна версія (MVP)</div> <div class="accordion-content"> <div class="sub-accordion"> <div class="sub-header color2">Функціонал</div> <div class="sub-content"> <p>Реєстрація, кампанії, донати — цього достатньо.</p> <p>Не додавай складні функції на старті.</p> <p>Кожна зайва функція = затримка запуску.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color3">Швидкий запуск</div> <div class="sub-content"> <p>Запусти навіть сирий продукт.</p> <p>Перевір попит на реальних користувачах.</p> <p>Швидкість важливіша за ідеальність.</p> </div> </div> <div class="sub-accordion"> <div class="sub-header color5">Перевірка ідеї</div> <div class="sub-content"> <p>Головне питання: чи платять люди?</p> <p>Чи повертаються користувачі?</p> <p>Чи готові рекомендувати іншим?</p> </div> </div> </div> </div> </div> <script> // головний акордеон document.querySelectorAll(".accordion-header").forEach(header => { header.addEventListener("click", () => { const content = header.nextElementSibling; content.style.display = content.style.display === "block" ? "none" : "block"; }); }); // вкладений акордеон document.querySelectorAll(".sub-header").forEach(header => { header.addEventListener("click", () => { const content = header.nextElementSibling; content.style.display = content.style.display === "block" ? "none" : "block"; }); }); </script> http://gs-permakultura-v-ukran.mozello.com/finanses/params/post/5135925/sekreti-groshej-nakopichennja-borgi-nvestic Sat, 20 Sep 2025 08:11:00 +0000 <p>Оксана Желєзко – фінансова менеджерка, консультантка з персональних фінансів та лекторка, має 15 років досвіду у сфері економіки та фінансів, нині проводить навчання з фінграмотності, інвестицій та заощаджень, розвиває власний подкаст “Заплати собі сама”, де говорить з жінками про гроші, фінграмотність та самореалізацію — гість подкасту «Секрети Грошей: Накопичення, Борги, Інвестиції». <br>Авторський подкаст Альони Низовець «Як це жити?» — це розмови про здоровий стиль життя. Це освітній медичний контент..</p><hr class="moze-more-divider"><p></p><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p><p><br></p><p><br></p> <iframe class="moze-iframe" src="https://www.youtube.com/embed/KkEvgcafPkc?si=LVK7aGyivhxl8x3D" height="315px" width="560px" allowfullscreen="allowfullscreen"></iframe>