Царква ў Софіі: 17 старонак ручнога дызайну, ахвяраванні картай праз Stripe і ўласная CMS, у якой каманда рэдагуе сайт непасрэдна на старонцы, па-балгарску і па-англійску.
Saitami.bg распрацавала сайт для Хрыстіянскі центыр Софія (Царква і ахвяраванні) у 2026 г. Ужывую на ccsofia.com.
Каманда царквы адкрывае сайт унутры панэлі, паказвае на тэкст, час або фатаграфію і змяняе яго на месцы, як рабіла б гэта ў WordPress з Elementor, але не можа сапсаваць дызайн: рэдагуюцца толькі змесціва і яго пераклад. Кожнае поле мае балгарскую і англійскую версіі. Прыкладна праз дзве хвіліны пасля націску «Захаваць» сайт зноў збіраецца, і змена становіцца бачнай і для Google, і для AI-пошукавікаў.
Падзеі, лідары, школы і іх прадметы, гэта спісы з формай: дата, час, загаловак, апісанне, фатаграфія. Мінулыя падзеі самі знікаюць з сайта, а пропаведзі паступаюць з YouTube і хаваюцца адной галачкай. На гэтым доступ рэдактара заканчваецца: няма ахвяраванняў, няма карыстальнікаў, няма налад. Дызайн і HTML сайта засталіся аднолькавымі да апошняга пікселя, мы праверылі гэта параўнаннем DOM усіх 17 старонак.
Царква хацела галоўную старонку без меню: фота пастараў і кнопкі вакол іх. Круглая кнопка паводзіць сябе не так, як прамавугольнік, а шэсць кругоў вакол чалавека на фота павінны заставацца чытэльнымі і на тэлефоне, і на шырокім маніторы. Акрамя таго, ахвяраванні павінны былі праходзіць з карты, мець і штомесячны варыянт і не залежаць ад чужой платформы, якая бярэ працэнт і захоўвае даныя ахвярадаўцаў.
Мы размясцілі кнопкі па крывой вакол фігуры і пералічвалі іх для кожнай шырыні экрана асобна, замест таго каб прапарцыйна змяншаць. Для плацяжоў мы напісалі ўласны 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. Мы напісалі працэс prerendering падчас build, які адкрывае кожны маршрут у браўзеры і запісвае гатовы HTML. Усе семнаццаць з семнаццаці старонак цяпер чытаюцца AI-пошукавікамі.
У кастрычніку 2026 мы дадалі і ўласную CMS. Царква хацела самастойна мяняць час набажэнстваў, адрас, фатаграфіі каманды і будучыя падзеі, не звяртаючыся да нас з кожнай зменай, а англійская версія да таго часу была машынным перакладам, які не працаваў. Наша ўмова была адна: дызайн і HTML сайта павінны застацца ранейшымі да апошняга пікселя. Мы ўсталявалі Directus на тую ж базу даных і апісалі ўвесь сайт як кантэнт: 71 калекцыя, у кожнай старонкі, свае палі, спісы падзей, лідараў, школ і прадметаў, а таксама пераклад кожнага тэкставага поля на дзве мовы.
Рэдактар візуальны: каманда адкрывае сайт унутры панэлі, наводзіць на тэкст, час або фатаграфію, з’яўляецца аловак, пасля чаго можна ўнесці змены і націснуць «Захаваць». Прыкладна праз дзве хвіліны сайт зноў выпякаецца, статычны HTML для Google і AI-пошукавікаў генеруецца нанова, і змена становіцца бачнай без нашага ўдзелу. Пропаведзі па-ранейшаму аўтаматычна прыходзяць з YouTube і хаваюцца адной птушкай. Англійская цяпер сапраўдны пераклад, а не Google Translate, і рэдагуецца з таго ж месца.
Мы далі кліенту мінімальна неабходны доступ: ролю «Рэдактар», якая бачыць толькі візуальны рэдактар, шэсць спісаў і ўласны профіль, без ахвяраванняў, карыстальнікаў і налад. Пароль не менш чым з 12 знакаў, затрымка пры няправільным уваходзе, загрузка толькі фатаграфій і PDF. Перад запускам мы аўтаматычна параўналі DOM усіх 17 старонак да і пасля панэлі: аднолькавы.
Каталог дэкаратыўных свяцільнікаў OSRAM і LEDVANCE для іх афіцыйнага дыстрыбутара ў Балгарыі (led-decor.bg): 910 мадэляў, упарадкаваных паводле стылю інтэрʼеру, серыі і пакоя, дадзеныя непасрэдна з табліц OSRAM, пошук па штрыхкоду, хуткі запыт па спісе і афармленне паводле прэзентацыі DECOR 2026/27. Ад прынятай прапановы да жывога сайта: 15 дзён.
Карпаратыўны вэб-сайт для балгарскай ліфтавай кампаніі з партфоліа, калькулятарам разліку кошту і інтэграцыяй з CRM.
Сайт для эстэтычнай клінікі: лазерная эпіляцыя і працэдуры, раскошны цёмны дызайн і онлайн-запіс на прыём.
Файлы cookie для статыстыкі і рэкламы мы ўсталёўваем толькі пасля вашай згоды. Сайт працуе і без іх. Падрабязна ·
