Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.

Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.

Ростовского зоопарка сейчас, вот ссылка: zoopark-rostov.ru Посмотрите, а потом возвращайтесь — станет понятно, почему я вообще за это взялся.
Когда я зашёл на сайт Ростовского зоопарка, понял одно — там тяжело. Не по коду, а по глазам. Сайт не передаёт атмосферу места, где хочется гулять, смотреть на животных и получать эмоции. Поэтому я решил сделать свою версию главной страницы — как я вижу современный, понятный и живой сайт для зоопарка.

Что я хотел изменить

Я не ставил задачу «всё перевернуть». Мне было важно показать, что даже без сложных решений можно сделать удобную, логичную и приятную главную страницу. Основная идея — запустить пользователя в контент, а не в меню. Люди приходят за животными, билетами, картой и расписанием — значит, именно это должно быть на первом экране.

Новый первый экран

Я убрал визуальный шум и оставил главное — эмоцию и цель. Большой медведь встречает посетителя, создавая ощущение масштаба и живости. Чистый тёмный фон усиливает контраст, а акцентная кнопка «Подробнее» ведёт дальше — к знакомству с зоопарком. Наверху — всё, что реально нужно: часы работы, адрес, поиск и кнопка «Билеты».

Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.
Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.

Раздел «О зоопарке»

Я вынес навигацию в виде понятных карточек: карта, животные, экскурсии, экспозиции, кружок. Без лишнего текста и сложных меню — всё лаконично и сразу понятно, куда кликнуть. Такой блок работает как быстрый ориентир для новых пользователей и удобная точка входа для постоянных.

Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.

Расписание кормлений

Этот блок я сделал максимально простым: список животных, время и место. Добавил контрастные фотографии и выделил время жирным — так информация читается моментально. Рядом разместил карточку с предложением «Стать опекуном» — мягкий переход от наблюдения к участию.

Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.

Стоимость посещения

Один из самых важных разделов, где раньше было много текста и ссылок. Я превратил цены в визуальные билеты, чтобы даже структура выглядела ассоциативно. Каждый тип билета (основной, детский, льготный) имеет свой цвет и изображение животного. Цифры вынесены крупно, а кнопка «Купить билет» теперь видна сразу — без прокрутки.

Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.
Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.
Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.

Как добраться

Старый сайт прятал карту в меню — я вынес её прямо на главную. Теперь видно сразу, где зоопарк, какие есть входы и как добраться. Адрес, телефон и карта — всё на одной странице, без кликов и поисков.

Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.

Навигация и подвал

Я собрал меню и футер по принципу минимума кликов и логики блоков. Верхнее меню не расползается, всё сгруппировано. В подвале — основные ссылки, контакты и важная информация. Плюс немного «характера» — звери в иллюстрациях делают страницу живой.

Когда у зоопарка 1000 животных, а сайт — динозавр. Исправил ситуацию.

Что дальше

Я сделал только главную страницу, но дальше можно пойти глубже — внутренние разделы, интерактивную карту и всё, что сделает сайт зоопарка современным и удобным.

Если эта статья наберёт 100 реакций, я соберу мобильную версию 🔥
А если вы хотите, чтобы я сделал другую страницу — напишите в комментариях, какую именно (карта, животные, билеты и т.д.). Страница, которая наберёт больше всего упоминаний, станет дополнением частью 2 этого кейса 🦁

«Часть 1 завершена. Следующая загрузка через 100 реакций»

Павел Маревичев
49
1
5 комментариев