О компании: Компания предлагает интересные и насыщенные онлайн-курсы, которые дают возможность изучения польского языка для людей, которые не хотят откладывать обучение на далёкое будущее. Живой онлайн-курс — это отличный вариант для тех, кто много путешествует, ведёт активный образ жизни или много работает.
Основные цели: Создать сайт-каталог по макету, который предоставил заказчик, соблюдая точность. Клиенту хотелось наполнить сайт динамикой, поэтому на нем должны были присутствовать движущиеся элементы.
| Краткий бриф на разработку сайта | |
| Наименование компании | POLSKIMIR |
| Сфера деятельности | Живое онлайн-обучение польскому языку |
| Страна, на которую рассчитан сайт | Беларусь, Польша 🇵🇱 |
| Основные товары и услуги | Онлайн-курсы польского языка |
| Домен сайта | polskimir.by |
| Целевая аудитория | Физические лица, которые много путешествуют, ведут активный образ жизни, много работают |
| Задачи сайта | Предоставление информации обо всех курсах компании, возможность напрямую связаться с преподавателями и записаться на любой понравившийся курс |
| Тип сайта | Сайт-каталог |
| Тариф | Индивидуальное решение |
| CMS | WordPress |
| Хостинг | Hoster.by |
| Пожелания заказчика | В точности придерживаться дизайна, который предоставил клиент, с добавлением отсутствующих важных элементов юзабилити сайта |
Обращение
Впервые за нашу многолетнюю практику мы столкнулись с тем, что Заказчик прислал заранее подготовленный дизайн будущего сайта в графическом редакторе Canva, который не полностью предназначен для создания подготовленных к разработке макетов. Однако у клиента оказался свой уникальный и креативный взгляд на дизайн сайта, поэтому заказчик обсудил с нами все детали, попросил, чтобы сайт выглядел в точности, как на созданном макете.
Фирменная палитра
Цветовая палитра компании представлена преимущественно приглушенными серовато-коричневыми цветами с акцентным голубым и градиентными кнопками: сайт не отвлекает внимание посетителя кричащими цветами и концентрирует взгляд только на важных элементах, привлекающих к записи на обучение.
Цвета
Процесс разработки
В первую очередь, мы подогнали дизайн из Canva к необходимому размеру, чтобы на всех устройствах сайт смотрелся презентабельно. Расстояние между многими элементами нашим специалистам пришлось вручную подбирать, чтобы, с одной стороны, внешне не отличалось от макета, а с другой, эстетично и не разбросано смотрелись бы на устройстве.
Так, например, мы полностью разработали мобильное меню сайта, так как в дизайне оно отсутствовало. Добавили туда возможность вернуться на главную, все важные ссылки на внутренние страницы сайта, а также контактные данные с возможностью перехода в мессенджеры компании.
На сайте присутствуют движущиеся элементы, например, в блоке с преимуществами компании все иллюстрации отображают движение, а в блоке с преподавателями слова, составленные по кругу, перемещаются по своей окружности при скролле.
На главной странице представлена вся информация про категории польских онлайн-курсов. Здесь есть подробное описание как общих курсов, так и изучение языка для переезда, работы, путешествий, для студентов, поступающих в польские университеты. Отдельно выделен блок с курсами для детей. Также присутствует красочный раздел “Вопрос-ответ”, где собраны все часто задаваемые вопросы касаемо обучения и курсов.
Еще один элемент, который был полностью собран нашими специалистами, так как в макете он был представлен не по требованиям к юзабилити, – это подвал сайта. Его мы сделали по аналогии с хедером, изменив композицию и добавив мессенджеры компании и телефон, а также необходимое для Заказчика предупреждение о том, что вся информация и все материалы на сайте являются авторскими и не подлежит копированию без письменного разрешения правообладателя.
Еще одним красочным анимационным элементов является слайдер с достоинствами того или иного курса. Стрелки сменяют друг друга, направляясь в ту сторону, куда они повернуты. Таким образом, сложно устоять и не нажать на них, чтобы посмотреть все преимущества.
Для клиента крайне важно было соблюдать грамматику и пунктуацию, поэтому мы тщательно проверяли весь контент на наличие ошибок в орфографии. Также клиент попросил убирать висячие предлоги, переносить их на следующие строки, чтобы все текста, которые выровнены посередине, хорошо смотрелись и не выглядели нелепо.
Дополнительные модификации
Description-миниатюра
Клиент захотел иметь красочный баннер в стилистике сайта для того, чтобы во время размещения ссылки на сайт в мессенджерах сразу было видно, что из себя представляет компания. На миниатюре расположены логотип, название компании и краткое описание, выделен телефон и имеющиеся мессенджеры.
Мультивалютность
Для того чтобы посетителям было удобнее ориентироваться в стоимости различных курсов, на сайте клиент попросил ввести мультивалютность. Цена на карточках курсов показана в BYN, EUR и PLN. Добавлена возможность менять приоритетную валюту в любой момент времени.
Скорость загрузки
Для каждого проекта мы добиваемся очень высоких показателей скорости загрузки сайта. Данный сайт быстро загружается, весь контент отображается сразу: 95 баллов на десктопных устройствах и 93 балла на мобильных является крайне высоким показателем (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). У целевой аудитории компании нет свободного времени для ожидания загрузки контента на сайте, поэтому такая высокая скорость крайне положительно повлияет на поведение пользователей на сайте.
Google PageSpeed Insights
Результаты
Несмотря на сложности с тем, что макеты из Canva намного сложнее реализовывать, наши специалисты приложили усилия к тому, чтобы сайт выглядел на всех устройствах хорошо и имел высокую скорость загрузки. Проект был выполнен в оговоренные сроки, с учетом того, что некоторых страниц в макете не хватало, и мы разрабатывали их с нуля в стилистике всего сайта. Клиент остался очень доволен проделанной работой и нашими доработками, которые повысили юзабилити сайта. Со своей стороны, нам было очень приятно работать с заказчиком: быстрая обратная связь, оперативное обсуждение деталей работы благоприятно повлияло на процесс разработки и конечный результат. Следите за нашими кейсами!
Отзыв "POLSKIMIR"
Не могу не поделиться своим восторгом! У меня был плохой опыт с другими ребятами, и я очень боялась ошибиться с выбором. Мне повезло! Возможно, я сделала в жизни что-то хорошее, если мне так повезло встретить этих ребят. Разработчики моего сайта – настоящие профессионалы. Они воплотили мои смелые идеи в жизнь, превратив мой веб-проект в настоящую бомбу. Как только я выразила свои пожелания, ребята тут же взялись за работу. С самого начала они были не просто на связи, а в режиме постоянного контакта. Каждое мое пожелание принималось на вооружение и превращалось в шедевр. Они не просто учли мои предпочтения – они воплотили их в жизнь. Алексей – настоящий архитектор, который создает не просто сайты, а мега-сайты, сайты мечты. Чуткий, внимательный и не боится трудностей. Каждую деталь доводит до совершенства! И самое классное – эти ребята всегда на связи. Алексей и Евгений стали для меня самыми настоящими друзьями. Если я что-то меняю в своих желаниях, они тут как тут, готовые воплотить новые идеи. Просто слов нет, чтобы выразить, насколько я благодарна за этот волшебный опыт. Спасибо, команда разработчиков, за ваш талант, внимание к деталям и терпение! Ваша работа – настоящее искусство. Спасибо вам за вашу неиссякаемую энергию, терпение и виртуозное исполнение своей работы!
Амбражей Е.С., Директор
POLSKIMIR
