Царква і ахвяраванні · 2026

Хрысціянскі цэнтр Сафія — сайт і ахвяраванні

Царква ў Сафіі: 17 старонак цалкам ручнога дызайну, ахвяраванні з карты праз Stripe, штомесячнае партнёрства і ўласны API для плацяжоў.

Ужывую Апішыце праект

Кліент: Християнски център София
Тэрмін: паэтапна, 10.2025 - 09.2026
Паслуга: Распрацоўка сайта

ccsofia.com

Хрысціянскі цэнтр Сафія — сайт і ахвяраванні

Задача

Царква хацела галоўную старонку без меню: фота пастараў і кнопкі вакол іх. Круглая кнопка паводзіць сябе не так, як прамавугольнік, а шэсць кругоў вакол чалавека на фота павінны заставацца чытэльнымі і на тэлефоне, і на шырокім маніторы. Акрамя таго, ахвяраванні павінны былі праходзіць з карты, мець і штомесячны варыянт і не залежаць ад чужой платформы, якая бярэ працэнт і захоўвае даныя ахвярадаўцаў.

Рашэнне

Мы размясцілі кнопкі па крывой вакол фігуры і пералічвалі іх для кожнай шырыні экрана асобна, замест таго каб прапарцыйна змяншаць. Для плацяжоў мы напісалі ўласны API на Node і PostgreSQL: разавае ахвяраванне, штомесячнае і штотыднёвае партнёрства, запіс толькі пасля пацверджання праз webhook і абарона ад паўторнага запісу адной і той жа падзеі. Банкаўскі перавод размешчаны на той жа старонцы для людзей, якія не ахвяруюць з карты.

Галоўная старонка: шэсць кругоў і адзін лічыльнік

Пастары паказаны ў поўны рост, кнопкі размешчаны вакол іх, а «Ахвяруй» і «Прысвяці сваё жыццё» маюць розныя колеры, бо менавіта націснуць на гэтыя дзве кнопкі царква хоча падштурхнуць наведвальніка. Пад фота лічыльнік паказвае, колькі дзён, гадзін і хвілін засталося да наступнай службы. Разлік вядзецца паводле раскладу на самім сайце, а не зададзены ўручную.

Ахвяраванні, якія запісваюцца роўна адзін раз

Дзве карткі побач: з банкаўскай картай праз Stripe і з банкаўскім пераводам, IBAN якога можна скапіяваць адным дотыкам. Сумы зададзены загадзя, але можна ўвесці і сваю. Для партнёрства патрэбныя імя, электронная пошта і перыяд, бо за ім стаіць падпіска, якая будзе працягвацца аўтаматычна. Кожны плацеж трапляе ў базу толькі пасля пацверджання Stripe, а кожная падзея захоўваецца па ідэнтыфікатары, таму паўторна адпраўлены webhook не запісвае другое ахвяраванне.

Семнаццаць старонак, семнаццаць дызайнаў

Няма шаблону, які паўтараецца. Біблейскія школы, «Пістыс» з пытаннямі і адказамі, дзіцячае служэнне, хатнія групы, каманда, пропаведзі і сям’я зроблены асобна — кожная старонка са сваім колерам і структурай. Таму сайт і заняў столькі часу: яго трэба было структураваць семнаццаць разоў, а не адзін.

Пра праект

Хрысціянскі цэнтр Сафія — гэта царква ў Люліне з нядзельнай службай, дзіцячым служэннем, дзвюма біблейскімі школамі і хатнімі групамі. Яны хацелі сайт, які не быў бы падобны ні на адзін царкоўны сайт у Балгарыі, і праз які людзі маглі б ахвяраваць з карты, не перапісваючы IBAN.

Гэта быў самы складаны сайт, які мы рабілі ў гэтай катэгорыі, па трох асобных прычынах.

Першая — галоўная старонка. Замест меню зверху на ёй фота пастараў у поўны рост, а вакол іх — шэсць круглых кнопак: Сям’я, Каманда, Біблейскія школы, Даведайся больш, Ахвяруй і Прысвяці сваё жыццё. Круг — самая няўдзячная форма ў вэб-дызайне, бо пры змене экрана ён паводзіць сябе не так, як прамавугольнік. Шэсць кругоў, якія павінны размяшчацца вакол чалавека на фота, не закрываць яго, не перасякацца і аднолькава добра чытацца на тэлефоне і шырокім маніторы, мы перараблялі больш разоў, чым усю астатнюю старонку. Пад імі мы размясцілі лічыльнік, які сам вылічвае, колькі засталося да наступнай службы.

Другая — ахвяраванні. Мы не падключалі кнопку да чужой платформы, а напісалі ўласны API: Node і PostgreSQL, асобна ад сайта. Ахвярадаўца выбірае разавае ахвяраванне або партнёрства, а партнёрства можа быць штомесячным ці штотыднёвым, гэта значыць падпіскай Stripe, а не разавым плацяжом. Кожны плацеж запісваецца ў базу толькі пасля таго, як Stripe пацвердзіць яго праз webhook, а не калі браўзер вернецца на старонку падзякі, бо браўзер хлусіць. Stripe наўмысна адпраўляе адзін і той жа webhook больш за адзін раз, таму кожная падзея запісваецца па ідэнтыфікатары, а паўторная апрацоўка нічога не дадае: дубляванае ахвяраванне з’явіцца не можа. Другі і кожны наступны плацеж па штомесячным партнёрстве прыходзіць як інвойс, а не як новая сесія, і захоўваецца ва ўласнай табліцы. Тыя, хто аддае перавагу банкаўскаму пераводу, бачаць на той жа старонцы атрымальніка, банк, IBAN і BIC, а нумар можна скапіяваць адным дотыкам.

Трэцяя — дызайн. Няма набытага шаблону і няма паўторнага лэйаўту: кожная з семнаццаці старонак зроблена асобна, са сваімі колерамі і структурай. У школы «Пістыс» ёсць пытанні і адказы, на старонцы ахвяраванняў — чатыры дэкларацыі аб ахвяраванні, а дзіцячае служэнне, хатнія групы, каманда і пропаведзі маюць зусім іншы выгляд. Сайт выйшаў у прадакшн на ccsofia.com у верасні 2026.

Пасля запуску мы таксама зрабілі GEO-аптымізацыю: сайт — гэта Vue-прыкладанне, і кожная старонка вяртала боту, які не выконвае JavaScript, нуль слоў — гэта значыць ботам ChatGPT, Claude і Perplexity. Мы напісалі прэ-рэндэрынг падчас build, які адкрывае кожны маршрут у браўзеры і захоўвае гатовы HTML. Усе семнаццаць з семнаццаці старонак цяпер чытаюцца AI-пошукавікамі.