Сайт-визитка поставщика микроцемента
О проекте
К нам обратилась компания, которая занимается продажей и монтажом декоративного покрытия — микроцемента «Pronto» . Необходимо было разработать сайт-визитку, который продемонстрировал бы все преимущества данного материала и побудил посетителей оставить заявку.
Сайт разрабатывался на платформе WordPress. Использование популярного и бесплатного движка позволило существенно ускорить разработку, гибко настроив необходимые модули под требования заказчика. Также это облегчило и дальнейшую работу с контентом: обновлять содержимое можно и без привлечения программистов.
Смотрите также:
Разработка сайтов на WordPressДизайн и навигация
Сайт-визитка выполнен в строгом и лаконичном стиле: в его основе лежат исключительно прямые линии, простые геометрические фигуры, используется спокойная цветовая гамма. Отсутствие скруглений и ярких цветов задаёт нужный тон с первых секунд.
Функциональный первый экран
Первый экран отлично справляется с возложенными на него функциями:
- крупный заголовок объясняет пользователю куда он попал;
- перечень ключевых преимуществ выгодно преподносит продукт;
- инструкция по работе с материалом, скрытая за кнопкой воспроизведения, снимает опасения покупки нового продукта;
- при желании можно сразу же запросить каталог продукции и актуальный прайс.
Таким образом, ещё до начала скроллинга пользователь уже может составить общее представление о продукте и отправить заявку на получение прайса.
Структурированная галерея
Чтобы показать широкий спектр применения микроцемента, мы добавили галерею с примерами работ. На главной странице она реализована в виде карточек, при нажатии на которые открывается увеличенная версия фото. Если пользователь хочет увидеть больше материалов — он может перейти на отдельную страницу галереи, где примеры работ аккуратно разложены по соответствующим рубрикам.
Универсальная форма обратной связи
Мы разработали минималистичную форму для запроса прайса, которая подойдёт сразу двум категориям клиентов: «тем, кто продаёт» и «тем, кто наносит». Достаточно выбрать соответствующий пункт при заполнении контактных данных.
Подробная программа обучения
Услуги нашего заказчика подразумевают не только продажу материала, но и обучение работе с ним. В связи с этим компания организовывает разного рода обучающие мероприятия, такие как семинары и мастер классы.
На главной странице размещена программа обучения, включающая перечень тем, краткие комментарии к ним и ответы на часто задаваемые вопросы. Клиенты могут записаться на семинар с помощью контактной формы или через социальные сети.
Адаптивность
Сайт сохраняет свой фирменный стиль и аккуратную вёрстку на всех типах устройств: компьютерах, планшетах, смартфонах. Нам удалось сохранить практически каждый элемент контента, отсекая лишь некоторые детали на мобильных устройствах.
Итоги
Prontocement — пример приятного и минималистичного сайта-визитки. Пользователь в пределах одной страницы может ознакомиться с преимуществами материала и условиями сотрудничества, оставить заявку на получение каталога и прайса. Плавность работы и отзывчивость элементов лишь усиливают положительный эффект.
Про проєкт
До нас звернулася компанія, яка займається продажем та монтажем декоративного покриття — мікроцементу «Pronto». Необхідно було розробити сайт-візитку, який продемонстрував би всі переваги даного матеріалу та спонукав відвідувачів залишити заявку.
Сайт розроблявся на платформі WordPress. Використання популярного та безкоштовного движка дозволило суттєво прискорити розробку, гнучко налаштувавши необхідні модулі під вимоги замовника. Також це полегшило подальшу роботу з контентом: оновлювати вміст можна і без залучення програмістів.
Дивіться також:
Розробка сайтів на WordPressДизайн і навігація
Функціональний перший екран
Перший екран чудово справляється з покладеними на нього функціями:
- великий заголовок пояснює користувачеві, куди він потрапив;
- перелік ключових переваг вигідно подає продукт;
- інструкція по роботі з матеріалом, прихована за кнопкою відтворення, знімає побоювання придбання нового продукту;
- за бажанням можна відразу ж запросити каталог продукції та актуальний прайс.
Таким чином, ще до початку скролінгу користувач може скласти загальне уявлення про продукт і відправити заявку на отримання прайсу.
Структурована галерея
Для того, щоб показати широкий спектр застосування мікроцементу, ми додали галерею з прикладами робіт. На головній сторінці вона реалізована у вигляді карток при натисканні на які відкривається збільшена версія фото. Якщо користувач хоче побачити більше матеріалів, він може перейти на окрему сторінку галереї, де приклади робіт акуратно розкладені за відповідними рубриками.Універсальна форма зворотного зв’язку
Ми розробили мінімалістичну форму для запиту прайсу, яка підійде одразу двом категоріям клієнтів: «тим, хто продає» та «тим, хто наносить». Достатньо вибрати відповідний пункт під час заповнення контактних даних.
Детальна програма навчання
Послуги нашого замовника мають на увазі не лише продаж матеріалу, а й навчання роботі з ним. У зв’язку з цим компанія організовує різноманітні навчальні заходи, такі як семінари та майстер класи.
На головній сторінці розміщена програма навчання, що включає перелік тем, короткі коментарі до них і відповіді на запитання, що часто задаються. Клієнти можуть записуватись на семінар за допомогою контактної форми або через соціальні мережі.
Адаптивність
Підсумки
Prontocement — приклад приємного та мінімалістичного сайту-візитки. Користувач в межах однієї сторінки може ознайомитися з перевагами матеріалу та умовами співробітництва, залишити заявку на отримання каталогу та прайсу. Плавність роботи та чуйність елементів лише посилюють позитивний ефект.
Комментарии