Црква и донации · 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, кое го отвора секој route во прелистувач и го зачувува готовиот HTML. Седумнаесет од седумнаесет страници сега се читливи за AI пребарувачите.