SGR: Новая реальность дизайн-образования. Разработка сайта для школы AVA SHARAGA.
AVA SHARAGA — образовательный проект от AVA Digital. За несколько лет его существования масштаб вырос, мы усовершенствовали программу и разработали системный подход к обучению.
Старый сайт был пронизан бунтарским духом AVA, но на нем не хватало важной для студентов информации. Позиционирование тоже изменилось: от чистого вау-эффекта мы перешли к большей серьезности, подчеркивающей ценность учебы. Пришла пора создать новый дизайн, сочетающий экспертность с панковской атмосферой AVA Digital.
В основу дизайна положили руку из логотипа SRG. Перевернутая «R» напоминает жест «peace» — мы решили развить эту идею и сделать жесты основным визуальным образом сайта. Дополнили содержание: рассказали о ходе учебы, представили преподавателей, похвастались кейсами студентов. Это помогло персонализировать обучение и вызвать доверие к опыту команды.
Не забыли про дух SRG в мелочах: анимировали логотип при скролле, «оживили» фото кураторов, добавили координаты курсора, как на макете.
В дизайне мы сочетали смелость и строгость. Визуальное единство поддерживает интерактивная рука и удобное меню на каждом экране. В самый центр вынесли раздел «проекты». Так мы показываем, чем гордимся больше всего — своими студентами и их работами.
Собрали и структурировали всю информацию, полезную для будущего ученика: рассказали о команде, описали этапы обучения, ответили на волнующие вопросы. Это показывает SRG как серьезный проект с отзывами, наградами и кейсами.
Сайт для дизайнеров не может обойтись без фишек — где, как не здесь, демонстрировать свое мастерство? Мы добавили несколько пасхалок: например, логотип SRG при скролле постоянно пересобирается, буквы переставляются местами. Эта метафора отражает трансформацию наших студентов во время обучения. Координаты курсора по периметру сайта, как на макете, позволяют посетителю почувствовать себя дизайнером.
Кроме прочего, решили выпустить курс по анимации и научить веб-дизайнеров делать так же классно, как мы. Разработали для этого отдельный лендинг. Ключевая визуальная метафора — тайм-линия, привязанная к скроллу: пролистывая страницу, пользователь проигрывает анимацию. Минималистичный дизайн усиливает акцент на интерактивные элементы.
Сам курс мы готовили полгода, тщательно изучая конкурентов, доводя материал до совершенства и составляя практические задания. Это очень важный проект: мы выложились на все сто процентов, чтобы сделать курс действительно полезным.
Этот проект — наше детище. Мы гордимся им, как ничем другим.