ДассетДассет

Сербское сообщество Святого Саввы

Национально-культурная автономия сербов Симферополя ведёт культурную жизнь общины: праздники, фестивали, память о добровольцах. Мы пересобрали сайт организации на двух языках и сделали так, чтобы заявление о вступлении доходило до людей, а не терялось.

Республика КрымПересборка сайта, перенос, запуск
Хочу так же

Как выглядит сайт

Главные страницы — прокрутите их внутри окна компьютера и телефона.

На компьютере
svyatoi-savva.ru
Сербское сообщество Святого Саввы — вид на компьютере
На телефоне
Сербское сообщество Святого Саввы — вид на телефоне
2
языка: русский и сербский
28
адресов на двух языках
243
фотографии в галерее
10×
легче страница галереи

Задача

Сайт организации не открывался. Причина была не в самом сайте: у домена запись вела на сервер, которого больше не существовало, а сертификат безопасности к тому времени истёк. Люди, искавшие организацию, видели ошибку браузера.

Под этим лежал WordPress с платными расширениями для многоязычности и конструктора страниц — за них нужно платить каждый год, иначе они перестают обновляться. Одна страница галереи весила четверть гигабайта: фотографии заливали прямо с телефона, и на мобильном интернете она не открывалась вовсе.

Заявление о приёме в организацию существовало только внутри письма. Если письмо не уходило, человек считал, что подал заявление, а организация о нём не узнавала.

Что мы сделали

Сначала вернули сайт в строй там, где он был: нашли причину в записях домена, перевыпустили сертификат. Только после этого начали пересборку — организация не осталась без сайта на время работы.

Собрали сайт заново на своём стеке, без WordPress и без платных расширений. Двуязычность сделали своими средствами: два набора текстов и переключатель, который ведёт на ту же страницу на другом языке.

Адреса страниц сохранили один в один, включая старые. Сайт уже был в поиске, и смена адресов обнулила бы всё, что он накопил.

Фотографии пережали в современный формат в двух размерах: мелкий для сетки и крупный для просмотра. Галерея из 243 снимков стала легче в десять раз и открывается на телефоне сразу.

Что внутри

Две версии, а не перевод кнопкой

Русская и сербская версии живут по своим адресам, у каждой свои тексты, меню и заголовки. Переключатель ведёт на ту же страницу, а не на главную.

Заявление с готовым документом

Человек заполняет четыре поля, а организация получает письмо. Заявление сначала записывается и только потом отправляется — если почта подведёт, оно не потеряется.

Программа мероприятий по годам

Таблица на текущий год, прошлые годы уходят в архив и остаются доступными. Год в меню обновляется сам, без правки кода.

Фотоархив на 243 снимка

Просмотр со стрелками, клавиатурой и листанием пальцем. Соседние фотографии подгружаются заранее, поэтому листается без задержек.

Документы организации

Сканы уставных документов показаны в пропорциях листа, а не обрезаны в квадрат: страницу А4 нужно видеть целиком.

Нечего взламывать и нечего продлевать

Ни базы данных, ни админки, ни платных расширений. Сайт отдаётся готовыми страницами, обновлять ради безопасности нечего.

Как устроен сайт

Каждое направление — витрина, с которой посетитель уходит вглубь, к своей услуге.

svyatoi-savva.ru
ЗаявлениеПожертвованияМероприятияДокументыНовостиГалереяКонтакты
01

Об организации

  • Главная страница
  • Контакты
  • Документы организации
  • Политика обработки данных
02

Участие

  • Заявление о приёме
  • Реквизиты для пожертвований
03

Жизнь общины

  • Новости
  • Программа мероприятий на год
  • Архив программ прошлых лет
  • Фотогалерея
04

Сербская версия

  • Все те же разделы под своими адресами
  • Свои тексты и заголовки
  • Переключатель языка в шапке и подвале

Как шла работа

  1. 1

    Нашли причину простоя

    Сайт был жив, но домен вёл в пустоту, а сертификат истёк. Вернули работу на старом сервере, чтобы организация не осталась без сайта.

  2. 2

    Разобрали оригинал

    Сняли все страницы обоих языков, вытащили тексты, палитру и вёрстку из того, что отдавал сервер. Собирали не по памяти, а по фактам.

  3. 3

    Собрали заново

    Свой стек вместо WordPress, двуязычность своими средствами, адреса страниц сохранены до последнего символа.

  4. 4

    Пережали медиатеку

    243 фотографии и сканы документов — в современный формат, в двух размерах. Четверть гигабайта превратилась в 23 мегабайта.

  5. 5

    Перенесли и запустили

    Домен переключён на наш сервер, сертификат выпущен, переадресация настроена. Заявления пишутся в закрытый каталог, недоступный из интернета.

На чём сделано

PHP без базы данныхСвой стек вместо WordPressWebP в двух размерахНаш хостингSSL Let's Encrypt

Результат

Сайт снова открывается — и делает это быстро. Галерея, которая раньше не грузилась на телефоне, теперь весит в десять раз меньше.

Организация больше не платит за расширения и не зависит от их обновлений. Обслуживать нечего: ни базы, ни админки, ни плагинов.

Заявление о приёме перестало зависеть от одной отправки письма: оно сначала сохраняется, а персональные данные лежат в каталоге, закрытом от интернета.

Нужен такой же проект?

Расскажите о задаче — предложим решение, назовём срок и стоимость.