— В основу первой концепции легли фотографии сотрудников и завода. Акцент на деталях: люди в форме выполняют свою работу — это всегда выглядит чуточку завораживающе, и хочется понять, что и как именно человек делает. Именно такого эффекта мы и добивались. Светлые оттенки подчеркивают экологичность, для той же цели мы поставили видео облаков в качестве фона у фотографии завода :)

— На альтернативную концепцию нас вдохновил логотип «ПСК Фарма» — дерево, составленное из окружностей, отсылающих и к химической отрасли и к строению легких. Захотелось сделать дизайн, опирающийся на молекулу — как основу всего, чем занимается компания. Она идеально вписалась в промоблок, а дальше мы решили «провести» молекулу по остальным блокам.

— Изначально стейкхолдеры хотели чего-то более сдержанного и консервативного в облике сайта. Поэтому выбор именно альтернативной концепции стал неожиданностью для команды.

— Анимация молекулы при скролле — нестандартная история, для реализации которой пришлось хорошенько подумать: нужна была плавность и скорость, с которой бы молекула одинаково хорошо скользила по странице на большинстве устройств.

В итоге решили сделать так: на странице есть скрытые контейнеры — «опорные точки», — а молекула перемещается между ними: для каждой рассчитывается смещение и масштабирование.

Также мы предусмотрели, чтобы между этими точками могло меняться изображение молекулы (их всего два) и тип фоновой анимации. Последняя, кстати, тоже непростая: она меняется с течением времени плюс реагирует на движение курсора пользователя.

— Для пациентов — свой набор шагов, а для врачей — свой. Поэтому форма адаптируется: шаги на одном этапе влияют на набор полей на следующем.