От организации к структуре
IFHRS основана в 2013 году, когда пять крупных обществ исследования волос объединились в международную федерацию. Её миссия - развивать и распространять знания о структуре, химии и биогенезе волос в норме и при заболеваниях и дать учёным, клиницистам и специалистам по всему миру интерактивную площадку (ifhrs.com).
Организация, которая стоит за этой миссией, устроена сложно. Есть общества-члены, руководители и комитеты, всемирные конгрессы и другие события, история, уходящая на десятилетия раньше самой федерации, и постоянный поток научных и организационных новостей. Наша задача была превратить всё это в одну связную систему, а не в набор страниц.
Дизайн и разработка
Мы вели проект целиком, от информационной архитектуры и UX/UI-дизайна до индивидуальной разработки на Laravel. Laravel мы выбрали осознанно. Федерации нужен контент, связанный с другим контентом: общества со странами, люди с ролями, конгрессы с годами. Набор статичных корпоративных страниц такие связи не удержит.
Интерфейс строился вокруг ясности и иерархии, с минимумом визуального шума. Наука, люди, общества и история сами по себе обладают авторитетом; сайту нужно было лишь дать им говорить, не изображая солидность с помощью эффектов.
Платформа выросла до более чем 18 шаблонов страниц, каждый из которых спроектирован для компьютера и телефона. У каждого общества-члена есть своя страница с руководителями, событиями и ключевыми фактами, а главная открывается картой обществ по всему миру. На сайте есть версия для людей с нарушениями зрения, вход для членов федерации и переключатель языков: международной федерацией пользуются люди, которые читают на разных языках и по-разному.
Понятная сеть
Главной задачей было показать, как IFHRS связана со своими обществами-членами. Сайт должен был быстро отвечать на простые вопросы: что такое IFHRS, кто в неё входит и кто её возглавляет, где находятся общества-члены, какие конгрессы уже прошли и что будет дальше.
Эти вопросы просты, пока за организацией не стоят несколько обществ, стран, структур руководства и десятилетия истории. Поэтому информационная архитектура стала сердцем проекта. Мы строили сайт вокруг этих связей, а не как набор изолированных разделов.
Живой архив отрасли
Сайт стал и местом, где сохраняется история международных исследований волос. Раздел истории показывает, как крупные общества и их международные встречи привели к созданию федерации в 2013 году, а архив конгрессов продолжает эту историю.
Для научной организации история - это преемственность. Люди, общества и конгрессы, которые были раньше, остаются частью того, чем организация является сегодня, поэтому сайт должен был одновременно работать как актуальная коммуникационная площадка и как живой архив.
Смена команды
Позже платформа перешла к другой команде и была перенесена на WordPress. По ходу переезда часть исходной структуры и пользовательского опыта изменилась, и с годами сайт отдалился от системы, которую мы проектировали.
В реальных проектах так бывает чаще, чем кто-либо планирует. Платформу можно перенести с одной технологии на другую и постепенно потерять логику, на которой она держалась: миграция меняет технологию, а продукт становится лучше, только если кто-то бережёт то, что работало раньше. О том, что обычно теряется при таких переездах, мы писали в статье «Чек-лист миграции, который агентства пропускают», а о том, почему проблемы сайта начинаются задолго до ухода разработчика, - в статье «Сайт ломается не тогда, когда уходит разработчик».
Чему мы научились
Самое дешёвое решение на старте не всегда самое дешёвое за всю жизнь сайта. Индивидуальная система дороже в разработке, привычная CMS кажется дешевле в поддержке, а миграция выглядит практичным коротким путём. Но если архитектуру упростили не в тех местах или исходная логика потерялась, организация может в итоге заплатить за то, чтобы заново построить то, что у неё уже было.
Иногда «дешевле» означает лишь то, что кому-то потом придётся доделывать работу. Поэтому мы спрашиваем не только, сколько стоит сделать сайт, но и сколько будет стоить им владеть, и разбираем этот вопрос в статье «Сколько стоит индивидуальный сайт».
Снова в проекте
IFHRS вернулась к нам, и сейчас мы исправляем и поддерживаем платформу. У нас редкое преимущество: мы знаем и её историю, и исходную архитектуру, понимаем, почему принимались те или иные решения и для чего проектировалась система, и можем посмотреть на нынешнюю платформу свежим взглядом. Одним из первых шагов было описать текущую кодовую базу для работы с ИИ в файле AGENTS.md; этот подход мы описываем в статье «Инструкция к кодовой базе для ИИ».
Мы не начинаем с вопроса, что перерисовать. Мы начинаем с того, что есть на самом деле: что ещё работает, что изменилось, что можно улучшить, что стоит пересобрать и что лучше не трогать. Ответом может быть модернизация кода, перестройка части интерфейса, пересборка платформы или их сочетание. Он должен исходить из самой организации, её пользователей и системы, о чём мы рассказываем в статье «Нужен ли сайту редизайн?».
Что мы сделали
Отрасль: научные исследования, медицина, международные организации. Статус: платформу изначально создал Peretz Agency, сейчас она снова у нас на исправлениях, поддержке и модернизации. Связанный проект: сайт Института трихологии.
