Страничка веб-теста Мелсайнс
Мелсайнс ломает стереотип о том, что наука трудная, скучная и только для определённых типов людей. Компания делает науку доступной и помогает развивать интерес к ней у детей.
Ребята в Мелсайнс придумали тест, который поможет определить кем является ваш ребенок. Для этого они составили вопросы, расписали типы личностей и результаты. Мы во дворе помогли превратить это в интересный и красивый квест — нарисовали и сверстали. Нашей личной задачей было сделать нетипичный тест с буллитами, а нечто необычное.
Главная страница нас встречает серьезным вопросом.
После нажатия на старт начинается тест из семи шагов. Обычный интерфейс подобных тестов — вопрос и ответы с галочками. Мы решили пойти другой дорогой — сделать первый красивый веб-тест. Увеличили всё в размерах, подобрали иллюстрации, проработали формы, кнопочки.
Придумали несколько видов карточек в тесте, чтобы его было интересно проходить. Сделали полосу прогресса, чтобы знать сколько займет времени тестик. Проработали цвет, свечение и фоновые изображения таким образом, чтобы всё сочеталось с маской Мелсайнса. Формы принимают вид баблов, потому что подразумевается прямая речь ребенка:
Тесты приводят к одному из четырех типов личностей. Мы сделали универсальную конечную страничку с разными цветами. Весь дизайн сделан с адаптивом по-умолчанию.
Конечная страничка аккуратно скролится внутри, а в конце намекает перейти на основной сайт Мелсайнса. Другие варианты ухода — поделиться либо пройти тест еще раз.
💫 Сделано за три недели с опозданием в три дня
Дизайн: 29 июня — 6 июля
Вёрстка: 7 июля — 15 июля
Пройдите тестик сами или покажите друзьям — melscience.com/future