Кейс по созданию сайта-каталога для онлайн-школы польского языка

Создать сайт-каталог по макету, который предоставил заказчик, соблюдая точность. Клиенту хотелось наполнить сайт динамикой, поэтому на нем должны были присутствовать движущиеся элементы.
Разработан сайт-каталог на основе макета, предоставленного заказчиком, с точным соблюдением всех дизайнерских и структурных элементов. По желанию клиента, особое внимание было уделено созданию динамичного пользовательского опыта — на сайте реализованы анимации и движущиеся элементы, придающие интерфейсу живость и современность. Мы тщательно проработали все детали, чтобы сайт не только соответствовал визуальным ожиданиям, но и был интуитивно понятным, адаптивным и удобным для всех категорий пользователей.
Образование, языки
- 2 недели – дизайн
- 1,5 месяца – разработка
- 3 недели – заполнение
Краткий бриф на разработку сайта
Фирменная палитра цветов и шрифт


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

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

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

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

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

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

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

Какие инструменты и технологии мы использовали
Скорость загрузки сайта
Google PageSpeed Insights

Для каждого проекта мы добиваемся очень высоких показателей скорости загрузки сайта. Данный сайт быстро загружается, весь контент отображается сразу: 95 баллов на десктопных устройствах и 93 балла на мобильных является крайне высоким показателем (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). У целевой аудитории компании нет свободного времени для ожидания загрузки контента на сайте, поэтому такая высокая скорость крайне положительно повлияет на поведение пользователей на сайте.
Результаты по проекту
Несмотря на сложности с тем, что макеты из Canva намного сложнее реализовывать, наши специалисты приложили усилия к тому, чтобы сайт выглядел на всех устройствах хорошо и имел высокую скорость загрузки. Проект был выполнен в оговоренные сроки, с учетом того, что некоторых страниц в макете не хватало, и мы разрабатывали их с нуля в стилистике всего сайта. Клиент остался очень доволен проделанной работой и нашими доработками, которые повысили юзабилити сайта. Со своей стороны, нам было очень приятно работать с заказчиком: быстрая обратная связь, оперативное обсуждение деталей работы благоприятно повлияло на процесс разработки и конечный результат. Следите за нашими кейсами!
Давайте обсудим проект!