Экспериментаниум
Web · UI · Redesign
Редизайн главной страницы музея занимательных наук
⮜ Проекты
⮜ Проекты
Изучение сайта музея «Экспериментаниум»
Задача
Выбрать любой музей. Определив его назначение и целевую аудиторию, перерисовать главную страницу так, чтобы она отвечала следующим целям:
  • Сделать акцент на текущих/избранных мероприятиях. Каждое из них должно содержать название, тип (лекция, семинар или выставка), краткое описание, картинку, дату и время проведения.
  • Доступно показать календарь ближайших мероприятий музея. Блок с мероприятием должен содержать название, тип (лекция, семинар или выставка), картинку, дату и время проведения.
  • Кратко рассказать о музее.
  • Дать контакты — как связаться с музеем.
АНАЛИЗ
Проведен предварительный анализ самого музея, а также его сайта и аудитории. Намечены цели редизайна — метрики, которые необходимо улучшить.
ТЕКУЩЕЕ СОСТОЯНИЕ САЙТА
Нажмите на изображение для увеличения
Сайт «Экспериментаниума» безусловно выглядит устаревшим. Но его главный недостаток — наличие визуального шума из хаотично расположенных элементов, которые не представляют ценности для посетителей, и мешают достижению некоторых ключевых целей сайта: познакомить с музеем, экспозицией и программами. Они же, в свою очередь, напрямую влияют на конверсию в покупку билета.

Цель редизайна — помочь эти пробелы восполнить, заместив на главной странице малозначимые элементы гораздо более ценными.
Композиционные проблемы сайта
БЛОК «ЭКСПОЗИЦИЯ»
  • Наличие двух горизонтальных меню (в шапке и под логотипом), а также сайд-бара с дополнительными кнопками-ссылками.
  • Некоторые кнопки и пункты меню дублируют друг друга.
  • Навигация на сайте очень запутана.
  • Все центральное пространство занимают огромные блоки с расписанием работы и адресом.
  • Адрес продублирован дважды.
  • Гигантская кнопка [Новости].
  • Значимую область съедают сканы лиценций.
  • Чрезмерное внимание уделено кнопкам [Магазин] и [Кафе], хотя обе эти деятельности не являются ключевыми. Более того, выходя из музея, посетителю необходимо пройти сквозь магазин.
  • Крупный блок [Друзья музея] с логотипами партнеров.
  • Есть переключение на английский язык, но контент там отсутствует.
Было / стало
В рамках учебного задания решено разработать только десктопную версию сайта. Изобилие ховер-эффектов не подходит для планшетной/мобильной версии, однако задачи адаптива передо мной не стояло.
Что было сделано:
  • Крупно показан основной тезис всего сайта — «Посмотри на науку под другим углом», который олицетворяет просветительскую миссию музея.
  • Поверх тезиса перечислены все основные экспозиции музея.
  • При помощи ховер-анимации можно кратко ознакомиться с ними и посмотреть фото.
  • В каждую экспозицию можно провалиться и узнать больше.
  • Копирайтинг всех текстов.
ГЛАВНЫЙ БЛОК
Что было сделано:
  • Переделан логотип. У него появилась анимация, символизирующая область физики — механику.
  • Полностью пересобрано меню в шапке. Больше нет дублей, а все малозначительное убрано в подвал.
  • Сохранена возможность показывать пользователю информационные баннеры (как основной канал доставки важных новостей), и это сделано через анимацию по ховеру.
  • Лаконично показано время закрытия музея сегодня.
  • Англоязычная версия упразднена. Гипотеза: ее не поддерживают, значит туристов очень мало; туризм в РФ на ближайшие годы сведен к минимуму.
БЛОК «ШОУ И МАСТЕР-КЛАССЫ»
Что было сделано:
  • Все дополнительные программы упакованы в один блок.
  • В каждую программу можно провалиться и узнать больше.
  • Копирайтинг всех текстов.
БЛОК «РАСПИСАНИЕ»
Что было сделано:
  • Расписание всех дополнительных программ упаковано в один блок.
  • Удобный выбор даты.
  • Копирайтинг всех текстов.
ПОДВАЛ
Итоговое сравнение по результам проделанной работы.
Предложенное решение
Нажмите на изображение для увеличения
Что было сделано:
  • Все маловажные (для пользователя) разделы перенесены в подвал.
  • Лаконично показаны часы работы и адрес.
(Инструменты
№!Figma
№!Midjourney
!(Срок выполнения
№1Февраль 2023
№1(2 недели)
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website