Від організації до структури
IFHRS заснована у 2013 році, коли п'ять великих товариств дослідження волосся об'єдналися в міжнародну федерацію. Її місія - розвивати й поширювати знання про структуру, хімію та біогенез волосся в нормі та при захворюваннях і дати науковцям, клініцистам і фахівцям у всьому світі інтерактивний майданчик (ifhrs.com).
Організація, що стоїть за цією місією, влаштована складно. Є товариства-члени, керівники й комітети, всесвітні конгреси та інші події, історія, що сягає на десятиліття раніше за саму федерацію, і постійний потік наукових та організаційних новин. Нашим завданням було перетворити все це на одну зв'язну систему, а не на набір сторінок.
Дизайн і розробка
Ми вели проєкт повністю, від інформаційної архітектури та UX/UI-дизайну до індивідуальної розробки на Laravel. Laravel ми обрали свідомо. Федерації потрібен контент, пов'язаний з іншим контентом: товариства з країнами, люди з ролями, конгреси з роками. Набір статичних корпоративних сторінок таких зв'язків не втримає.
Інтерфейс будувався навколо ясності та ієрархії, з мінімумом візуального шуму. Наука, люди, товариства та історія самі по собі мають авторитет; сайтові потрібно було лише дати їм говорити, не вдаючи солідність за допомогою ефектів.
Платформа виросла до понад 18 шаблонів сторінок, кожен із яких спроєктовано для комп'ютера і телефона. Кожне товариство-член має власну сторінку з керівниками, подіями та ключовими фактами, а головна відкривається мапою товариств по всьому світу. На сайті є версія для людей із порушеннями зору, вхід для членів федерації та перемикач мов: міжнародною федерацією користуються люди, які читають різними мовами і по-різному.
Зрозуміла мережа
Головним завданням було показати, як IFHRS пов'язана зі своїми товариствами-членами. Сайт мав швидко відповідати на прості питання: що таке IFHRS, хто до неї входить і хто її очолює, де розташовані товариства-члени, які конгреси вже відбулися і що буде далі.
Ці питання прості, доки за організацією не стоять кілька товариств, країн, структур керівництва і десятиліття історії. Тому інформаційна архітектура стала серцем проєкту. Ми будували сайт навколо цих зв'язків, а не як набір ізольованих розділів.
Живий архів галузі
Сайт став і місцем, де зберігається історія міжнародних досліджень волосся. Розділ історії показує, як великі товариства та їхні міжнародні зустрічі привели до створення федерації у 2013 році, а архів конгресів продовжує цю історію.
Для наукової організації історія - це спадкоємність. Люди, товариства і конгреси, які були раніше, залишаються частиною того, чим організація є сьогодні, тому сайт мав водночас працювати як актуальний комунікаційний майданчик і як живий архів.
Зміна команди
Згодом платформа перейшла до іншої команди і була перенесена на WordPress. Під час переїзду частина початкової структури та користувацького досвіду змінилася, і з роками сайт віддалився від системи, яку ми проєктували.
У реальних проєктах так буває частіше, ніж хтось планує. Платформу можна перенести з однієї технології на іншу і поступово втратити логіку, на якій вона трималася: міграція змінює технологію, а продукт стає кращим, лише якщо хтось береже те, що працювало раніше. Про те, що зазвичай губиться під час таких переїздів, ми писали у статті «Чек-лист міграції, який агенції пропускають», а про те, чому проблеми сайту починаються задовго до відходу розробника, - у статті «Сайт ламається не тоді, коли йде розробник».
Чого ми навчилися
Найдешевше рішення на старті не завжди найдешевше за все життя сайту. Індивідуальна система дорожча в розробці, звична CMS здається дешевшою в підтримці, а міграція має вигляд практичного короткого шляху. Але якщо архітектуру спростили не в тих місцях або початкова логіка загубилася, організація може зрештою заплатити за те, щоб заново збудувати те, що в неї вже було.
Іноді «дешевше» означає лише те, що комусь потім доведеться доробляти роботу. Тому ми питаємо не лише, скільки коштує зробити сайт, а й скільки коштуватиме ним володіти, і розбираємо це питання у статті «Скільки коштує індивідуальний сайт».
Знову в проєкті
IFHRS повернулася до нас, і зараз ми виправляємо і підтримуємо платформу. Маємо рідкісну перевагу: ми знаємо і її історію, і початкову архітектуру, розуміємо, чому ухвалювалися ті чи інші рішення і для чого проєктувалася система, і можемо подивитися на теперішню платформу свіжим поглядом. Одним із перших кроків було описати поточну кодову базу для роботи з ШІ у файлі AGENTS.md; цей підхід ми описуємо у статті «Інструкція до кодової бази для ШІ».
Ми не починаємо з питання, що перемалювати. Ми починаємо з того, що є насправді: що ще працює, що змінилося, що можна покращити, що варто перезібрати і що краще не чіпати. Відповіддю може бути модернізація коду, перебудова частини інтерфейсу, перезбирання платформи або їх поєднання. Вона має виходити з самої організації, її користувачів і системи, про що ми розповідаємо у статті «Чи потрібен сайту редизайн?».
Що ми зробили
Галузь: наукові дослідження, медицина, міжнародні організації. Статус: платформу спочатку створила Peretz Agency, зараз вона знову в нас на виправленнях, підтримці та модернізації. Пов'язаний проєкт: сайт Інституту трихології.