BRITISH CLUB

сайт языковой школы
Редизайн сайта языковой школы с сильной академической программой, активным комьюнити и международным направлением.
роль
UX/UI-дизайн, структура сайта, визуальная концепция
КЛЮЧЕВАЯ ОСОБЕННОСТЬ
Визуальная система на основе методологии множественных интеллектов
РЕЗУЛЬТАТ
Двуязычный сайт, который соединяет сложную структуру, образовательную философию и живую атмосферу школы.
Смотреть сайт →

Сайт языковой школы

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