Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.
Ростовского зоопарка сейчас, вот ссылка: zoopark-rostov.ru Посмотрите, а потом возвращайтесь — станет понятно, почему я вообще за это взялся.
Когда я зашёл на сайт Ростовского зоопарка, понял одно — там тяжело. Не по коду, а по глазам. Сайт не передаёт атмосферу места, где хочется гулять, смотреть на животных и получать эмоции. Поэтому я решил сделать свою версию главной страницы — как я вижу современный, понятный и живой сайт для зоопарка.
Что я хотел изменить
Я не ставил задачу «всё перевернуть». Мне было важно показать, что даже без сложных решений можно сделать удобную, логичную и приятную главную страницу. Основная идея — запустить пользователя в контент, а не в меню. Люди приходят за животными, билетами, картой и расписанием — значит, именно это должно быть на первом экране.
Новый первый экран
Я убрал визуальный шум и оставил главное — эмоцию и цель. Большой медведь встречает посетителя, создавая ощущение масштаба и живости. Чистый тёмный фон усиливает контраст, а акцентная кнопка «Подробнее» ведёт дальше — к знакомству с зоопарком. Наверху — всё, что реально нужно: часы работы, адрес, поиск и кнопка «Билеты».
Раздел «О зоопарке»
Я вынес навигацию в виде понятных карточек: карта, животные, экскурсии, экспозиции, кружок. Без лишнего текста и сложных меню — всё лаконично и сразу понятно, куда кликнуть. Такой блок работает как быстрый ориентир для новых пользователей и удобная точка входа для постоянных.
Расписание кормлений
Этот блок я сделал максимально простым: список животных, время и место. Добавил контрастные фотографии и выделил время жирным — так информация читается моментально. Рядом разместил карточку с предложением «Стать опекуном» — мягкий переход от наблюдения к участию.
Стоимость посещения
Один из самых важных разделов, где раньше было много текста и ссылок. Я превратил цены в визуальные билеты, чтобы даже структура выглядела ассоциативно. Каждый тип билета (основной, детский, льготный) имеет свой цвет и изображение животного. Цифры вынесены крупно, а кнопка «Купить билет» теперь видна сразу — без прокрутки.
Как добраться
Старый сайт прятал карту в меню — я вынес её прямо на главную. Теперь видно сразу, где зоопарк, какие есть входы и как добраться. Адрес, телефон и карта — всё на одной странице, без кликов и поисков.
Навигация и подвал
Я собрал меню и футер по принципу минимума кликов и логики блоков. Верхнее меню не расползается, всё сгруппировано. В подвале — основные ссылки, контакты и важная информация. Плюс немного «характера» — звери в иллюстрациях делают страницу живой.
Что дальше
Я сделал только главную страницу, но дальше можно пойти глубже — внутренние разделы, интерактивную карту и всё, что сделает сайт зоопарка современным и удобным.
Если эта статья наберёт 100 реакций, я соберу мобильную версию 🔥
А если вы хотите, чтобы я сделал другую страницу — напишите в комментариях, какую именно (карта, животные, билеты и т.д.). Страница, которая наберёт больше всего упоминаний, станет дополнением частью 2 этого кейса 🦁
«Часть 1 завершена. Следующая загрузка через 100 реакций»