British Club нужно было обновить старый сайт: сделать его современнее и удобнее, ускорить загрузку и лучше рассказать о самой школе.
Новая структура должна была показать гораздо больше, чем просто занятия: историю школы, глубину академической подготовки, внеклассную жизнь, международные программы и летний лагерь.
Мы также добавили обязательную информацию для образовательной организации и подготовили тексты для новой структуры сайта.
02 — ПЕРЕСОБИРАЕМ СТРУКТУРУ
Старый сайт уже не отражал масштаб школы. Мы перестроили контент вокруг того, что действительно определяет British Club: академической подготовки, внеклассной жизни, международных программ и самого школьного сообщества.
При этом важно было не превратить довольно сложную структуру в очередной одинаковый сайт языковой школы.
03 — ИЩЕМ ВИЗУАЛЬНОЕ НАПРАВЛЕНИЕ
У школы уже была узнаваемая айдентика с насыщенным малиново-красным цветом, поэтому первые концепты отталкивались от неё.
Первый вариант был мягче и спокойнее: тёплая палитра, округлые иллюстрации, фотографии в необычных геометрических формах.
Второй сохранил яркую палитру, фотографии учеников и получил стикеры и графические элементы, вдохновлённые красивыми конспектами и живой атмосферой школы.
04 — КОПАЕМ ГЛУБЖЕ
Ни один из первых вариантов не дал полного ощущения попадания.
Вместо того чтобы просто ещё немного «докрутить визуал», мы вернулись к самой методологии школы и стали искать идею, на которой можно построить всю систему.
Подход British Club основан на теории множественных интеллектов. Это и стало ключом: каждому направлению развития мы дали свой цвет, а сама методология стала частью визуального языка.
Дизайн стал продолжением образовательной философии школы.
05 — КОМЬЮНИТИ, ЭНЕРГИЯ И СЛОЖНАЯ СТРУКТУРА
Стикеры остались в финальной концепции — они добавили нужную подростковую энергию и помогли передать живой характер школы.
При этом сайт должен был выдержать большое количество информации и не превратиться в визуальный хаос.
В результате получилась система, где сложная структура сочетается с более эмоциональным и ярким визуальным языком.
06 — ФИНАЛЬНЫЙ САЙТ
После утверждения концепции я разработала дизайн всех страниц и подготовила макеты к верстке.
Финальный сайт дополнили мягкой ненавязчивой анимацией, сделали русскую и английскую версии и добавили решения для более комфортного использования сайта людьми с ОВЗ.
07 — РЕЗУЛЬТАТ
Проект получился не просто редизайном старого сайта.
Возвращение к брифу и более глубокая работа с методологией помогли найти визуальную идею, которая действительно принадлежит British Club.
Финальный сайт соединяет академический подход школы, её комьюнити и довольно сложную структуру в одной системе.