Сайт-візитка зі встановлення сонячних панелей
Про проект
Foton Tech — польська компанія, що надає комплексні послуги зі збирання та підключення сонячних батарей. Сайт-візитка компанії був розроблений кілька років тому: за цей час дизайн встиг суттєво застаріти і потребував оновлення . Перед командою Webnauts було поставлено завдання повного редизайну, а фактично – розробки сайту-візитки зі збереженням вмісту, додавання мультимовності (польська + німецька мови) та підвищення конверсії сторінок.
Як виглядав сайт до початку роботи
Під час переходу на стару версію відвідувача зустрічав типовий дизайн десятирічної давності:
- сайт не адаптувався під ширину монітора ПК, займаючи вузьку смугу в центрі екрана;
- відсутня мобільна версія;
- використовувалися стандартні шрифти, а для виділення заголовків застосовувалося лише жирне зображення;
- морально застаріле використання скевоморфізму: «об’ємне» меню сайту, симуляція паперу на сторінці проектів, оформлення сайту «в рамці».
Повний редизайн
Тепер сайт адаптується під будь-яку роздільну здатність екрана на будь-якому пристрої. При відкритті на комп’ютері він займає всю ширину екрану, що дозволяє зручно переглядати приклади проектів компанії. Винятком є лише текст, який розташований у вузькій колонці для збереження зручності читання.
На мобільних пристроях меню сайту ховається за кнопкою-гамбургером, а тексти та зображення адаптуються по ширині для зручного відображення.
Мультимовність
У нашого замовника безліч клієнтів з Німеччини, тому сайт має бути доступний двома мовами: польською та німецькою. Оскільки платформою сайту є WordPress, ми скористалися плагіном мультимовності.
З його допомогою ми скопіювали весь контент, який згодом було перекладено німецькою мовою. Використання такого підходу дозволило нам зберегти вагу сайту та залишитись в рамках одного домену. Також обидві мовні версії зручно обслуговуються в одній адміністративній панелі.
Читайте також:
Мультимовний інтернет-магазин на WordPressІнструменти підвищення конверсії
Однак головним інструментом є калькулятор тарифів, що дозволяє розрахувати вартість обладнання та встановлення. Для цього користувачеві необхідно вказати 3 параметри:
- річне споживання електроенергії домогосподарством;
- напрямок ухилу даху (південь, схід, захід);
- матеріал покрівлі (металочерепиця, керамічна черепиця тощо).
Після натискання на кнопку “Обчислити” калькулятор відображає приблизну вартість підсумкових робіт, а під нею – форму зворотного зв’язку. Незалежно від обраної локалізації вартість розраховується у злотих.
Підсумки
О проекте
Foton Tech — польская компания, оказывающая комплексные услуги по сборке и подключению солнечных батарей. Сайт-визитка компании был разработан несколько лет назад: за это время дизайн успел существенно устареть и нуждался в обновлении. Перед командой Webnauts была поставлена задача полного редизайна, а фактически – разработки сайта-визитки с сохранением содержимого, добавление мультиязычности (польский + немецкий языки) и повышение конверсии страниц.
Как выглядел сайт до начала работ
При переходе на старую версию посетителя встречал типичный дизайн десятилетней давности:
- сайт не адаптировался под ширину монитора ПК, занимая узкую полосу в центре экрана;
- отсутствовала мобильная версия;
- использовались стандартные шрифты, а для выделения заголовков применялось лишь жирное начертание;
- морально устаревшее использование скевоморфизма: «объёмное» меню сайта, симуляция бумаги на странице проектов, оформление сайта «в рамке».
Полный редизайн
Мы разработали полностью новый и индивидуальный дизайн сайта компании, сохранив при этом структуру и логику страниц. Благодаря простой цветовой схеме, читаемым шрифтам и наглядному выделению заголовков повысилось качество восприятия сайта. На объёмных страницах содержимое подаётся уже не в формате «простыни текста», но визуально разделено на понятные смысловые блоки.
Теперь сайт адаптируется под любое разрешение экрана на любом устройстве. При открытии на компьютере он занимает всю ширину экрана, что позволяет весьма удобно просматривать примеры проектов компании. Исключением является только текст, который расположен в узкой колонке для сохранения удобства чтения.
На мобильных устройствах меню сайта прячется за кнопкой-гамбургером, а тексты и изображения адаптируются по ширине для удобного отображения.
Мультиязычность
У нашего заказчика множество клиентов из Германии, поэтому сайт должен быть доступен на двух языках: польском и немецком. Так как платформой сайта является WordPress, мы воспользовались плагином мультиязычности.
С его помощью мы скопировали весь контент, который впоследствии был переведён на немецкий язык. Использование такого подхода позволило нам сохранить вес сайта и остаться в рамках одного домена. Также обе языковые версии удобно обслуживаются в одной и той же административной панели.
Читайте также:
Мультиязычный интернет-магазин на WordPressИнструменты повышения конверсии
Первым и самым простым решением было вынести контакты компании в шапку сайта. Теперь на любой странице посетителю доступны номер телефона и электронная почта компании. Если же он хочет заказать обратный звонок — мы разместили соответствующую кнопку в подвале сайта.
Однако главным инструментов является калькулятор тарифов, позволяющий рассчитать стоимость оборудования и установки. Для этого пользователю необходимо указать 3 параметра:
- годовое потребление электроэнергии домохозяйством;
- направление уклона крыши (юг, восток, запад);
- материал кровли (металлочерепица, керамическая черепица и т.д.).
После нажатия на кнопку «Вычислить» калькулятор отображает примерную стоимость итоговых работ, а под ней — форму обратной связи. Независимо от выбранной локализации стоимость рассчитывается в злотых.
Итоги
Нашей команде удалось вдохнуть в сайт новую жизнь: свежий дизайн повышает удобство и лёгкость восприятия информации, внедрение мультиязычности — расширяет потенциальную клиентскую базу, а калькулятор тарифов призван улучшить качество заявок и привлечь максимум лидов.
Комментарии