Раньше у Фонда «Наша Верхняя Пышма» тоже был сайт, обычный, классический, привычный — новости, проекты, публикации, контакты. С точки зрения айтишников-создателей и работников фонда всё логично — совершенно понятная и прозрачная структура. А вот для посетителя... новость — это новость, а проект — это несколько новостей об одном событии, просто растянутые во времени, публикации — это... такие же тексты, как новости и проекты, просто не привязаны к событию. Получается, что разобраться что есть что и где его искать не просто — разница не очевидна и для посетителя не важна.
Поэтому мы решили отказаться от разделения и всё это назвать публикациями, а если тема продолжается во времени и появляются новые публикации, то они добавляются как связанные. Публикации выстраиваются в историю и из них получается проект, просто в новой версии сайта мы не используем это слово. На новом сайте публикации научились «протухать», например, если публикация призывает подавать заявки на конкурс, то после даты окончания приёма заявок она становится неактуальной и автоматически скроется. Плитки на главной странице сайта сортируются по актуальности.
Обычно интерфейс для администратора сайта — это отдельная «вселенная», с деревьями-иерархиями, таблицами и пр. В нашем случае интерфейс администратора не сильно отличается от того, что видит посетитель. «Нулевой» публикацией всегда отображается кнопка для создания новой, а ещё видны скрытые и неактуальные, «протухшие» — они становятся чёрно-белыми. При переходе в публикацию её можно редактировать, а процедуры удаления публикаций просто не существует, чтобы не ломать структуру связных публикаций. Если она стала неактуальной — можно скрыть или переписать и сделать из неё новую.
При создании публикации автор загружает титульное изображение, которое тут же обрезается в двух форматах — вытянутом по горизонтали для сайта на компьютере или планшете, и в квадрат — для мобильных телефонов. Затем вводится название и имя автора, выбирается цвет и, при необходимости, устанавливается дата скрытия. Цвет публикации выбирается в гармонии с темой или титульным изображением — красный для дня донора, бордовый — для Дня Победы. А ещё цвет можно использовать как «кодирование» проекта — например, все публикации проекта могут быть в одной цветовой гамме, с небольшими вариациями, чтобы сделать ряд более разнообразным.
Внутри публикация для администратора тоже похожа на публикацию для посетителя, только с небольшими дополнениями. Например, в конце публикации есть панель управления, чтобы добавлять текст, изображения, html-блоки, форму обратной связи и т.п..Всё содержание публикации разбито на видимые блоки, их можно перетаскивать, чтобы переставить местами, удалять, редактировать. На них также есть «обвес» с администраторским функционалом.
В сайт встроен типограф, он позволяет красиво форматировать текст, расставлять неразрывные пробелы, корректно указывать кавычки, многоточия и прочую экзотическую пунктуацию. Разметка-форматирование текста делается с помощью специальных символов — **, !! и т.д. Таким образом, авторы публикации не должны знать html или что-то ещё, чтобы красиво размечать текст и расставлять в нём смысловые акценты. Тем не менее, html-блоки существуют, чтобы вставлять видео из социальных сетей или опросы с официальной страницы фонда в социальной сети «ВКонтакте».
