Црква и донације · 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 претраживачи.