Цифровой проспект SMC

Печатный проспект переиздают каждый год, и он не может ничего спросить у читателя. В феврале 2019 года MediaCross предложило колледжам вместо него цифровой: сайт, связанный с CRM приёмной комиссии, спроектированный сначала для телефона, с чем-то интерактивным внутри, и примеры проспектов для двух университетов, чтобы показать, что это значит. К июню у Spartanburg Methodist College такой проспект уже был в работе, в составе кампании Make Big Moves, в которую входили также печатные проспекты, справочник по финансовой помощи, открытки и шаблоны писем.

Будущие студенты колледжа читают с телефонов, и колледж хотел двух вещей, на которые книга не способна: чтобы поиск ощущался личным и чтобы собирались запросы. Эти два желания определили каждую страницу.

Я начал с блок-схемы и карты сайта на одной странице. Шесть страниц под навигацией из четырёх пунктов: главная, учёба, которая работает, развитие карьеры, жизнь в кампусе, Спартанберг и финансовая помощь, плюс три ссылки на собственный сайт колледжа: клубы, визиты и подача заявлений. Разделы каждой страницы перечислены по порядку, и каждая страница заканчивается одной и той же формой запроса «Make the Move».

Четыре пронумерованные заметки на странице говорят, что должна делать сборка. Формы запроса встраиваются из CRM колледжа. Персонализированные URL читают запись контакта и подстраивают страницу под студента. Анимации срабатывают на точках прокрутки: счётчики цифр, проявления, сдвиги. А калькулятор стипендии даёт ответ по GPA, баллам тестов и проживанию в Южной Каролине, после того как студент представится.

Вайрфреймы разложили план на восемь страниц под ширину десктопа: шесть страниц, причём страница финансовой помощи нарисована трижды, для трёх состояний калькулятора. На главной уже есть пунктирная тропа и схема «Two Paths, One Place», на которых держится кампания; картинки пока заглушки.

Калькулятор здесь единственный интерактивный раздел, и главное дизайнерское решение в нём это порядок. Студент отвечает на четыре вопроса: GPA, ACT, суммарный балл SAT и живёт ли он в Южной Каролине. Затем представляется, затем получает ответ: стипендию, на которую он может претендовать, со ссылками Apply, Visit и Programs под ней. Ответ нужен студенту; знакомство нужно колледжу; калькулятор ставит второе перед первым.

В дизайн-раунде я задал шрифты и палитру кампании под ширину iPhone 8: тёмно-синий и голубой, топографическая текстура, пунктирная тропа, фотографии колледжа и заголовки разделов, первые буквы которых выделены голубым. На странице финансовой помощи калькулятор стоит на тёмно-синей панели, чтобы читаться как единственная рабочая часть страницы.

Я собрал сайт как одностраничное приложение на React с маршрутизацией на клиенте: шесть маршрутов по карте сайта, компоненты для каждой страницы, выносок, калькулятора и пользовательской формы, точки прокрутки, которые запускают счётчики и переходы, и Google Analytics. Каждое поле калькулятора с баллами предлагает вариант «I don't know this», так что студент без баллов всё равно получает ответ. Исходный код писался с 29 июля по 12 августа 2019 года; Dockerfile от 6 августа копирует сборку на базовый образ nginx агентства, так агентство размещало все одностраничные приложения.

Персонализированных URL из плана в сохранённых у меня исходниках нет, а форма запроса в них работает на клиенте с образцом записи. Как выпущенная форма отправляла данные в CRM, в моих файлах не отражено.

Сайт вышел в 2019 году и работает до сих пор. 22 октября 2026 года makebigmoves.smcsc.edu отдавал сборку на React с тем же заголовком, текстовыми строками и идентификатором аналитики, что и в сохранённых у меня исходниках, но из более новой сборки, так что с тех пор кто-то его пересобрал. Снимки Internet Archive охватывают период с 11 ноября 2019 года по 23 декабря 2024 года.

В публичном рассказе MediaCross о проекте сказано, что руководитель отдела маркетинга колледжа назвал проспект лучшим из всего, что колледж выпускал, и кампании в целом приписан самый большой набор первокурсников и самый большой студенческий состав в истории колледжа, во время пандемии. Доля проспекта в этом не отделена от печатных материалов, видео и рекламы на той же странице, и у меня не сохранилось ни одной выгрузки аналитики, поэтому визиты, запросы и завершённые расчёты в калькуляторе здесь не посчитаны.

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