Создание сайта клиники «Центр» на Цветном бульваре
Ветеринарная клиника «Центр» на Цветном бульваре расположена за зданием Цирка Никулина. Это самая старая ветеринарная клиника Москвы. Здесь лечили своих животных самые знаменитные знаменитости: Леонов, Никулин, Пугачева, Ярмольник, Дуров, Янковский, да что там — даже Мик Джаггер, когда был с гастролями.
Для клиники разработан великолепный сайт. На главной странице удалось добиться потрясающего эффекта «живости»: фотография мопса внезапно оживает, собака начинает двигаться, моргать глазами и мотать головой. Все происходит прямо на сайте, среди меню, контактов, услуг и прочего.
Сайт практически любой ветеринарной клиники — это беда из смеси плохого логотипа, небрежной верстки, колхозного дизайна и, самое страшное, собачек с котятами, раскиданных по всему сайту.
Клиент ставит задачу, от которой начинающего дизайнера бросило бы в ужас: на сайте обязательно должны быть собачки и котики.
На этом этапе половина дизайнеров пренебрежительно воротит нос и отказывается работать. Но профессионализм дизайнера заключается не в том, чтобы умело посылать клиента нахер, а в том, чтобы хорошо и качественно решить любую задачу, даже самую противоречивую.
Нужны собачки на сайте? Сделаем!
Готовим концепт для ТЗ. Рассказываем клиенту, что хотим сделать живой сайт с HD-видео животных.
Концепция нравится. Делаем дизайн главной страницы в хорошем качестве.
Кайф. Макет утверждается почти без комментариев.
Теперь находим высококачественные видео на стоках. Собачки:
Кошечки:
Птички:
Клиент выбирает трех животных: песика, котика и совушку. Ми-ми-ми.
Покупаем три видеоролика и собираем в один. Окружаем облаком тегов, где пишем основные услуги клиники.
Редизайн моментально испортил всю статистику посещений в Яндексе, потому что посетители стали зависать на главной странице по 5 минут.
Для главной страницы создана анимация с тремя животными: собакой, котенком и совой. Эти животные — одни из самых частых клиентов ветеринарной клиники.
Ранее в студии был создан сайт компании «Новые горизонты», на котором тоже используется подобная анимация. Сайт отличался технической реализацией: при помощи конвертации видео в набор джпегов удалось добиться воспроизведения анимации на мобильных устройствах, где воспроизведение видео на странице запрещено системой.
К сожалению, на сайте ветклиники повторить фокус не удалось. Видео в mp4 весит всего 3 мегабайта, а набор джпегов даже в самом худшем качестве весит не менее 9 мегабайтов.
Разница, как оказалось, в алгоритме сжатия. Анимация площадок содержит ограниченное число цветов, градиенты и тени, которые легко сжимаются джпегом. В отличие от трехмерных моделей, анимация животных содержит на порядок большее число цветов, которые не повторяются и не укладываются в градиент. Поэтому джпег не обеспечивает такого уровня сжатия.
В то же время, анимация животных устроена таким образом, что кадры мало отличаются друг от друга: смещаются только некоторые части тела животного, а большая часть картинки остается неизменной. Поэтому видеокодек H.254 выигрывает за счет использования разностного сжатия между кадрами: в файл записывается не каждый кадр целиком, а только отличия от предыдущего кадра.
У клиники богатейшая история. Здесь лечили животных еще в 1922 году. С тех пор много раз менялся персонал и директор, а также название и здание клиники. В 90-х годах клиника стала первой частной ветеринарной клиникой в Москве.
В разделе «Клиника» представлены исторические фотографии разных лет.
В «Центре» работают более 50 врачей-специалистов, в том числе 9 кандидатов наук. Директор клиники — известный ветеринарный врач Сергей Середа.
На сайте представлен весь коллектив.
Расписание работы врачей разбито по направлениям и представлено в удобной форме, сверстанной по всем канонам информационного дизайна. Синие плашки означают, что врач работает в ночь.
По всему сайту работает живой поиск. Поисковая выдача формируется по мере ввода запроса. Поиск вызывается с любой страницы сайта, при этом вся страница заблюривается синим цветом — в лучших традициях современного дизайна.
Несколько текстовых страниц. Статьи об истории и услугах клиники.
На сайте сохранены разделы с гостевой книгой (более 1000 записей), а новости и разрозненные статьи снесены в аккуратный блог директора под названием «Публикации».
