Школа дизайна Controforma

Как создать сайт с горящими глазами
В серии материалов мы разговариваем с предпринимателями, которые успешно ведут бизнес с помощью сайта, лендинга или интернет-магазина, используя конструктор сайтов Tilda.

В новом материале основательница Controforma School Ольга Шишкина и дизайнер Настя Леонова рассказывают, как создавался фирменный стиль и сайт школы.
Ольга Шишкина
Настя Леонова
Всевидящее око
в Controforma school
Огненный веб-дизайнер в агентстве SHISHKI
01.
Controforma выросла из школы типографики Type School
Оля: Я третий год занимаюсь образовательными проектами. Сначала это были лекции различных иллюстраторов в рамках проекта helloposter, потом школа шрифта и типографики Typetype school, а в июне этого года родилась Controforma. Частично контент курсов перешел из TT school. Для Controforma мы сделали ребрендинг, нужен был новый сайт. Мы решили отказаться от Wordpress, на котором был сделан прошлый сайт и стали искать альтернативу.
Выбор был небольшой. Тильду выбрали, потому что в ней больше начинки
Настя: Еще был вариант делать сайт с нуля, но мы хотели запуститься как можно скорее, потому что оттягивать не было возможности.

И мы выбрали конструктор сайтов Tilda, потому что это быстро и больше функционала, чем, например, в Readymag: есть футеры, хэдеры, формы, можно провести оплату, блоки (в том числе zero) хорошо индексируются.
Для нас было важно, что можно настраивать сайт под планшет и делать мобильные версии, если это необходимо
02.
Сначала мы делали прототипы, чтобы понять, какими должны быть страницы
Настя: потом я делала верстку и дизайн. С оттачиванием всех мелочей и гифками ушло, наверное, недели 2−3. Параллельно создавался логотип, иллюстрации, подбирались шрифты. В общей сложности мы сделали весь сайт за месяц.

В команде нас было человек пять. Кто-то рисовал, кто-то занимался анимацией: делали видеозаставки, анимировали логотип. Наполняли сайт контентом тоже все вместе — я, Оля и еще пара человек.
03.
Мы сделали шаблон, который потом дублировали и наполняли контентом
Оля: Какая-то часть текстов перекочевала со старого сайта, оттуда мы взяли 3 курса. Тексты я писала сразу на сайте. Как правило, я хорошо понимаю, что собой представляет продукт, поэтому мне несложно его описать.

Мы наполняли сайт по ходу работы: появился каркас — дизайн — добавили в него иллюстрации, хедеры. Когда Настя отдала мне сайт, он выглядел уже наполненным. Для каждого курса она все разложила по папкам: регистрация, страница курса, оплата и так далее. Благодаря этому я не сошла с ума. Мне оставалось копировать, вставлять, дописывать, добавлять даты и делать описания :)
У меня ушло дней 5 на то, чтобы полностью подготовить контент, нажать кнопку publish, и сайт ожил
Редактор страницы в Tilda Publishing
04.
Как появились горящие глаза в айдентике
Оля: Примерно в мае мы начали задумываться о новом проекте. Это должно было быть что-то отличное по духу. Мы очень долго думали, кто наша аудитория. Так как у нас есть онлайн-курсы, мы учим людей из разных городов по всей России. Это те, кому не хватает знаний, поэтому они их ищут и готовы за них платить.

И как-то мы с Мишей (Михаил Шишкин, CEO дизайн-студии Shishki — прим. ред.) в очередной раз шли и обсуждали новый формат школы. В процессе разговора появились эти горящие глаза. Мы поняли, что нам нужны люди, у которых горят глаза, потому что наши преподаватели умеют «зажигать», а нашим студентам больше всех нужны знания.

Это люди, которые любят учиться и для них «норма» — постоянно получать знания. Мне очень близка идея «фонового» беспрерывного образования, которое ты поддерживаешь всю жизнь. Сейчас я все больше погружаюсь в методологию преподавания взрослым, есть даже термин «андрагогика» — как учатся взрослые. И термин «хьютогогика» — про непрерывное образование или самообразование. Это очень интересно.
«Горящие глаза» — элемент айдентики школы Controforma
05.
С названием тоже было сложно
Оля: В придумывании названия можно было уйти в любую сторону, мне нужна была помощь, совет. Как-то мы переписывались с Денисом Башевым, и он накидал кучу странных названий, среди которых было слово «контрформа».
Со словом «контрформа» у меня ассоциировались только логотипы из 90х
«Контрформа» — одно из базовых понятий в графическом дизайне. Это классный образ, поскольку мы вообще очень много говорим про типографику. 20 лет его никто не трогал и не пытался обыграть, самое время вдохнуть в это название новую жизнь. Мы немного поменяли написание, добавив еще одну букву «о».
06.
Логотип и шрифт — отдельная история
Оля: Мы долго придумывали логотип, этим занимался графический дизайнер SHISHKI — Олег Зимогляд, а также преподаватель школы, шрифтовой дизайнер Филипп Нуруллин. Мы много раз перерисовали глаз, который не должен был быть очень явным.
Очень непростая была ситуация с подбором шрифта — мы много спорили. На подбор шрифтовой пары ушло почти 2 недели!
Шрифт должен быть дерзким, отвечать названию и позиционированию
Шрифт, предназначенный для набора титульных листов, ярлыков, афиш, плакатов, не для сплошного текста.
Сели искать. Перебрали кучу иностранных, отечественных студий. Все не то.

Вдохновившись шрифтом koliko Филипп Нуруллин с разрешения автора полностью перерисовал контуры букв, выровнял ритм и кернинг, а также заложил в шрифт возможность создать обычный набор или полностью расшатать строку.Он используется для заголовков как акцидентный. А парой к нему стал более спокойный шрифт Circe компании Paratype.
07.
У нашей школы есть 4 основных направления
Оля: онлайн-курсы, каллиграфические завтраки в Петербурге и Екатеринбурге, выездные кампусы и консультации.

Онлайн курсы — где-то 60% объема нашей занятий в школе, остальное — каллиграфические завтраки и выездные кампусы.

Консультации — это новое направление. Онлайн-образованием много кто занимается, и у нас возникла необходимость отстроиться от конкурентов. Плюс мы получали запрос от студентов на дополнительные консультации, например, скайп-колл с преподавателем, чтобы обсудить какие-то непонятные моменты. И решили, что консультации окажутся полезным форматом.

Курсы проходят раз в месяц, сейчас их 8: «Брендинг и типографика», «Типографика для веб-дизайнеров», «Логотип», «Анимация в типографике», «Школа текста», «Слово дизайнера», «Современная вязь» и «Английский курсив». Сейчас еще прорабатываем курс по Cinema 4D и развитию творческого потенциала с забавным названием «Эстафета креативного огня».
08.
Когда нужно придумать новый курс, я смотрю на потребности
Оля: Например, курс «Слово дизайнера» учит дизайнеров говорить. Казалось бы, зачем? Я провела опрос среди дизайнеров, участвовало где-то 50 человек. И люди признавались мне, что хотели бы научиться говорить лучше, кто-то теряется на публичном выступлении, кто-то плохо презентует проект перед клиентом и так далее. Навык не очевидный, может не такой важный на первый взгляд, как, например, освоение анимации, но он позволит открыть человеку новые возможности в перспективе.
09.
Мы продвигаемся через собственные медиа, группу, рассылку и платную рекламу
Оля: Сейчас больше внимания начинаем уделять платной рекламе. В TT School у нас шел больше органический трафик, и группы неплохо набирались из внутренних ресурсов. Тогда проект занимал узкую нишу — не было другой школы шрифта и типографики на рынке, предлагающей онлайн-курсы. Сейчас мы оказались в поле, где больше конкурентов, поэтому надо думать о платной рекламе.

У меня нет какого-то готового рецепта, что работает. Эту неделю мы пробуем фейсбук*, на следующей неделе мы пробуем вконтакте. Есть паблики, с которыми мы регулярно сотрудничаем, они о нас пишут. С кем-то просто в партнерских отношениях, с кем-то за деньги.
Мы хотим работать над контентом: не думать, как продать то, что уже есть, а придумывать больше интересных курсов
Мне кажется, что интересный и качественный контент и есть решение вопроса. Если на сайт регулярно заходит 200−300 человек, они ищут, чему бы поучиться, куда записаться, значит, им это интересно.
Поделиться с друзьями
*Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.
Читайте также: