+375 (29) 390-56-65
Время работы
Пн-Пт: 9:00 - 17:00
Сб-Вс: выходной
Отвечаем в мессенджерах:
Кейсы Кейсы по разработке сайтов Кейс по созданию сайта-каталога для онлайн-школы польского языка

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

Кейс по созданию сайта-каталога для онлайн-школы польского языка
Обсудить проект
Компания предлагает интересные и насыщенные онлайн-курсы, открывающие реальные возможности для изучения польского языка тем, кто ценит своё время и стремится к развитию уже сегодня, не откладывая обучение на далёкое будущее. Эти курсы разработаны с учётом современных ритмов жизни и подойдут тем, кто часто путешествует, активно работает или просто не может привязаться к офлайн-графику. Живой онлайн-формат обеспечивает гибкость, живое общение с преподавателями и поддержку на каждом этапе, делая процесс обучения максимально комфортным, эффективным и вдохновляющим.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Сайт-каталог
Объём
20
Страниц
Скорость
93 / 95
Загрузки сайта
Язык
RU
Русский
Мессенджеры
Мессенджеры
Коммуникация
Description-миниатюра

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

Description-миниатюра
Мультивалютность

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

Мультивалютность
Услуги

На главной странице собрана вся ключевая информация
о категориях польских онлайн-курсов. Это упрощает навигацию
по сайту и помогает посетителям подобрать обучение.

Услуги
Категории

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

Категории
Задача

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

Решение

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

Ниша

Образование, языки

Продолжительность
  • 2 недели – дизайн
  • 1,5 месяца – разработка
  • 3 недели – заполнение

Краткий бриф на разработку сайта

Наименование компании
POLSKIMIR
Сфера деятельности
Живое онлайн-обучение польскому языку
Страна, на которую рассчитан сайт
Европа
Основные товары и услуги
Онлайн-курсы польского языка
Домен сайта
polskimir.by
Целевая аудитория
Физические лица, которые много путешествуют, ведут активный образ жизни, много работают
Задачи сайта
Предоставление информации обо всех курсах компании, возможность напрямую связаться с преподавателями и записаться на любой понравившийся курс
Тип сайта
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Пожелания заказчика
В точности придерживаться дизайна, который предоставил клиент, с добавлением отсутствующих важных элементов юзабилити сайта

Фирменная палитра цветов и шрифт

01
Цвет и типографика
Цветовая палитра компании представлена преимущественно приглушенными серовато-коричневыми цветами с акцентным голубым и градиентными кнопками: сайт не отвлекает внимание посетителя кричащими цветами и концентрирует взгляд только на важных элементах, привлекающих к записи на обучение.
Шрифт хорошо читается как в заголовках, так и в основном тексте, особенно в крупных кеглях. Это делает его отличным выбором для адаптивного дизайна — на экранах мобильных устройств и мониторах он остаётся чётким и комфортным для глаз.
#998b8b
#ffffff
#e7ecea
#37aee
Цветовая палитра компании представлена преимущественно приглушенными серовато-коричневыми цветами с акцентным голубым и градиентными кнопками: сайт не отвлекает внимание посетителя кричащими цветами и концентрирует взгляд только на важных элементах, привлекающих к записи на обучение.
#998b8b
#e7ecea
#ffffff
#37aee
Шрифт хорошо читается как в заголовках, так и в основном тексте, особенно в крупных кеглях. Это делает его отличным выбором для адаптивного дизайна — на экранах мобильных устройств и мониторах он остаётся чётким и комфортным для глаз.

Полезный и для пользователя, и для бизнеса функционал

02
Функционал

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

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

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

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

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

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

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

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

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

03
Инструменты
Figma
Figma
Photoshop
Photoshop
WordPress
WordPress
JQuery
JQuery
PHP
PHP
JavaScript
JavaScript
WPBakery
WPBakery
Swiper
Swiper
FancyBox
FancyBox
Bootstrap
Bootstrap

Скорость загрузки сайта

04
Скорость
polskimir.by
Анализировать
Мобильные устройства
Компьютер
93
polskimir.by
0-49
50-89
90-100
Мобильные устройства
Компьютер
95
polskimir.by
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

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

Результаты по проекту

05
Результат

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

1. Адаптивность и производительность
Обеспечили качественное отображение сайта на всех устройствах и добились высокой скорости загрузки, несмотря на сложности с макетами из Canva.
2. Доработка макета
Разработали недостающие страницы с нуля, сохранив единую стилистику и логику дизайна по всему сайту.
3. Соблюдение сроков
Выполнили проект в установленные сроки, несмотря на дополнительные задачи и корректировки в процессе работы.
4. Улучшение юзабилити
Внесли доработки, которые значительно повысили удобство использования сайта для конечных пользователей.
5. Эффективное взаимодействие с клиентом
Слаженная коммуникация и быстрая обратная связь с заказчиком способствовали продуктивной работе и отличному результату.
Хотите так же?
Давайте обсудим проект!
+

Обсудить проект

+

Заявка на обратный звонок

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