Введіть мінімум 3 символи для пошуку

IFHRS flag, International Federation of Hair Research Societies

IFHRS

Міжнародна федерація товариств дослідження волосся (IFHRS) об'єднує наукові товариства, дослідників, клініцистів і фахівців, які займаються фундаментальною та клінічною наукою про волосся в усьому світі.

Коли ми почали працювати з IFHRS, одразу стало зрозуміло: це не сайт однієї клініки чи однієї компанії. Це цифровий дім міжнародної наукової спільноти, і він мав об'єднати товариства, людей, керівництво, конгреси, історію та поточну комунікацію, не перетворивши організацію на лабіринт розрізнених сторінок.

Міжнародна федерація товариств дослідження волосся

Від організації до структури

IFHRS заснована у 2013 році, коли п'ять великих товариств дослідження волосся об'єдналися в міжнародну федерацію. Її місія - розвивати й поширювати знання про структуру, хімію та біогенез волосся в нормі та при захворюваннях і дати науковцям, клініцистам і фахівцям у всьому світі інтерактивний майданчик (ifhrs.com).

Організація, що стоїть за цією місією, влаштована складно. Є товариства-члени, керівники й комітети, всесвітні конгреси та інші події, історія, що сягає на десятиліття раніше за саму федерацію, і постійний потік наукових та організаційних новин. Нашим завданням було перетворити все це на одну зв'язну систему, а не на набір сторінок.

Дизайн і розробка

Ми вели проєкт повністю, від інформаційної архітектури та UX/UI-дизайну до індивідуальної розробки на Laravel. Laravel ми обрали свідомо. Федерації потрібен контент, пов'язаний з іншим контентом: товариства з країнами, люди з ролями, конгреси з роками. Набір статичних корпоративних сторінок таких зв'язків не втримає.

Інтерфейс будувався навколо ясності та ієрархії, з мінімумом візуального шуму. Наука, люди, товариства та історія самі по собі мають авторитет; сайтові потрібно було лише дати їм говорити, не вдаючи солідність за допомогою ефектів.

Платформа виросла до понад 18 шаблонів сторінок, кожен із яких спроєктовано для комп'ютера і телефона. Кожне товариство-член має власну сторінку з керівниками, подіями та ключовими фактами, а головна відкривається мапою товариств по всьому світу. На сайті є версія для людей із порушеннями зору, вхід для членів федерації та перемикач мов: міжнародною федерацією користуються люди, які читають різними мовами і по-різному.

IFHRS website: home page with the map of member societies

Зрозуміла мережа

Головним завданням було показати, як IFHRS пов'язана зі своїми товариствами-членами. Сайт мав швидко відповідати на прості питання: що таке IFHRS, хто до неї входить і хто її очолює, де розташовані товариства-члени, які конгреси вже відбулися і що буде далі.

Ці питання прості, доки за організацією не стоять кілька товариств, країн, структур керівництва і десятиліття історії. Тому інформаційна архітектура стала серцем проєкту. Ми будували сайт навколо цих зв'язків, а не як набір ізольованих розділів.

Живий архів галузі

Сайт став і місцем, де зберігається історія міжнародних досліджень волосся. Розділ історії показує, як великі товариства та їхні міжнародні зустрічі привели до створення федерації у 2013 році, а архів конгресів продовжує цю історію.

Для наукової організації історія - це спадкоємність. Люди, товариства і конгреси, які були раніше, залишаються частиною того, чим організація є сьогодні, тому сайт мав водночас працювати як актуальний комунікаційний майданчик і як живий архів.

Зміна команди

Згодом платформа перейшла до іншої команди і була перенесена на WordPress. Під час переїзду частина початкової структури та користувацького досвіду змінилася, і з роками сайт віддалився від системи, яку ми проєктували.

У реальних проєктах так буває частіше, ніж хтось планує. Платформу можна перенести з однієї технології на іншу і поступово втратити логіку, на якій вона трималася: міграція змінює технологію, а продукт стає кращим, лише якщо хтось береже те, що працювало раніше. Про те, що зазвичай губиться під час таких переїздів, ми писали у статті «Чек-лист міграції, який агенції пропускають», а про те, чому проблеми сайту починаються задовго до відходу розробника, - у статті «Сайт ламається не тоді, коли йде розробник».

IFHRS project overview: the federation and the challenge
A network of hair research societies, IFHRS visual concept
IFHRS member societies list and a member society page
IFHRS website navigation on desktop and mobile
Congress hall, visual for IFHRS events
IFHRS events: future events list and event page
IFHRS news list and news article page
IFHRS contacts page with the contact form
IFHRS website in numbers: over 18 pages, responsive design, ready-made platform

Чого ми навчилися

Найдешевше рішення на старті не завжди найдешевше за все життя сайту. Індивідуальна система дорожча в розробці, звична CMS здається дешевшою в підтримці, а міграція має вигляд практичного короткого шляху. Але якщо архітектуру спростили не в тих місцях або початкова логіка загубилася, організація може зрештою заплатити за те, щоб заново збудувати те, що в неї вже було.

Іноді «дешевше» означає лише те, що комусь потім доведеться доробляти роботу. Тому ми питаємо не лише, скільки коштує зробити сайт, а й скільки коштуватиме ним володіти, і розбираємо це питання у статті «Скільки коштує індивідуальний сайт».

Знову в проєкті

IFHRS повернулася до нас, і зараз ми виправляємо і підтримуємо платформу. Маємо рідкісну перевагу: ми знаємо і її історію, і початкову архітектуру, розуміємо, чому ухвалювалися ті чи інші рішення і для чого проєктувалася система, і можемо подивитися на теперішню платформу свіжим поглядом. Одним із перших кроків було описати поточну кодову базу для роботи з ШІ у файлі AGENTS.md; цей підхід ми описуємо у статті «Інструкція до кодової бази для ШІ».

Ми не починаємо з питання, що перемалювати. Ми починаємо з того, що є насправді: що ще працює, що змінилося, що можна покращити, що варто перезібрати і що краще не чіпати. Відповіддю може бути модернізація коду, перебудова частини інтерфейсу, перезбирання платформи або їх поєднання. Вона має виходити з самої організації, її користувачів і системи, про що ми розповідаємо у статті «Чи потрібен сайту редизайн?».

Що ми зробили

Галузь: наукові дослідження, медицина, міжнародні організації. Статус: платформу спочатку створила Peretz Agency, зараз вона знову в нас на виправленнях, підтримці та модернізації. Пов'язаний проєкт: сайт Інституту трихології.