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

IFHRS flag, International Federation of Hair Research Societies

IFHRS

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

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

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

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

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

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

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

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

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

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

IFHRS website title, federation flag and member societies world map

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

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

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

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

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

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

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

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

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

IFHRS project overview: about the federation and the website challenge
IFHRS home page design on desktop and mobile with history, events and news
IFHRS events visual: black and white conference hall with large screens
IFHRS events pages: future events list and event details on all devices
IFHRS website navigation: desktop dropdown menu and mobile menu screens
IFHRS news page with filters and article cards, desktop and mobile
IFHRS news article page with share buttons and related posts sidebar
IFHRS contacts page with office addresses and contact form, desktop and mobile
IFHRS member society page for UHRS with top members, events and facts
IFHRS website in numbers: over 18 pages, responsive design, ready-made platform

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

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

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

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

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

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

Що ми зробили

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