Дизайн многостраничного сайта для Центра языковых решений UnifyHub

UnifyHub — онлайн-школа английского языка с преподавателями носителями языка для IT-компаний

О проекте

Задача проекта

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

Сделать современный, аккуратный сайт, с яркими акцентными цветами, но не «кричащими».

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

Дизайн-концепция

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

Также заказчик хотел использовать на сайте какой-нибудь «не совсем обычный» шрифт. Я предложила использовать шрифт IBM Plex Sans для заголовков и для основного текста шрифт Commissioner.

Отрисован дизайн всех страниц сайта в Фигме. Сайт сверстан в Тильде и адаптирован под 4 разрешения экрана.

Дизайн главной страницы

Итог работы

Разработала аккуратный, современный дизайн, в котором учла все пожелания заказчика. Сверстала его в Тильде с адаптацией под 4 разрешения экрана.

Подключила платежную систему Stripe с возможностью вносить пользователям сайта нужную им сумму.

Сделала отдельную страницу с тестом. С помощью разработчика добавила код для таймера обратного отсчета. Настроила автоматическую рассылку в Сендпульсе с результатом теста и расшифровкой уровня знания языка.

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

Сайт может отображаться некорректно либо не отображаться совсем по двум причинам:

— заказчик вносит изменения на сайт самостоятельно

— заказчик вовремя на оплатил Тильду, и сайт снят с публикации