Master PC — это сервис и магазин комплектующих для компьютеров и телефонов. На сайте выбрали сделать акцент на ремонт техники.
Нужно было сделать простой и понятный сайт, который ответит на вопросы посетителей:
- что ремонтируют?
- сколько стоит?
- где находятся?
- можно ли доверять этой компании?
Дизайн сайта
Для оформления использовали спокойные цвета и мягкие формы. Реальные фотографии дополнили изображениями футуристичной техники от нейросети. Общий стиль сайта дышит природой, но с добавлением технологичных ноток.
зелёный
коричневый
серый
Лесной зеленый – основной акцентный цвет, который создает ощущение природной свежести и спокойствия.
Древесный коричневый – тёплый оттенок, напоминающий дерево, который добавляет сайту естественности и уюта. В комбинации с зелёным создаётся атмосфера баланса природы и современных технологий.
Спокойный светло-серый – нейтральный фон, который обеспечивает легкость восприятия контента, чтобы не отвлекать от основной информации.
Структура сайта
Лендинг по ремонту яркий и лаконичный, основной акцент на услугах.
На первом экране всё самое важное: крупный заголовок, контакты и кнопки призыва к действию. Реальное фото магазина: стойка ресепшн с компьютером и техникой, за которой сидит сотрудник, создает атмосферу сервиса и профессионального обслуживания.
Блок с услугами расположен сразу после основного баннера, что упрощает навигацию.
Каждый раздел структурирован и содержит информацию о предоставляемых услугах и их стоимости. Здесь легко найти нужную информацию, оценить приблизительные расходы и сразу же оставить заявку.
Возможно, среди списка цен пользователь не нашел свою проблему или он еще не готов принести своё устройство незнакомым мастерам. Поэтому мы разместили блок с предложением консультации и преимуществами обращения именно в Master PC. Информация представлена в виде простых и понятных текстовых блоков, что добавляет доверия и подчеркивает клиентоориентированность компании.
Мы решили не размещать отзывы на сайте, а взять фреймы от 2ГИС и Яндекс Карт. Это подчёркивает честность сервиса, поскольку на сайте видны любые отзывы: и положительные, и отрицательные — компания не может напрямую на них влиять.
Внизу сайта размещены контакты с фотографией входной группы для упрощения поиска сервисного центра. Кликабельный мобильный номер и кнопки мессенджеров дают возможность быстро связаться с компанией.
Мобильная версия
Мобильная версия сайта — это не просто опция, а необходимость поскольку большая часть пользователей сидит в интернете именно с мобильных устройств.
Клиенты Master PC могут искать нужную услугу лёжа на диване, пока едут в автобусе и в любом другом месте. Сайт адаптирован под все популярные экраны, быстро загружается и удобен для пользователей.
Отслеживание заказа
Сайт интегрирован с CRM-системой сервиса и клиенты могут отслеживать статус ремонта своих устройств.
Есть 2 способа узнать, что с заказом:
- указать номер договора и номер телефона в форме на сайте;
- навести камеру на QR-код, напечатанный в акте принятия устройства.
Отслеживание заказа на первом экране сайта
Сразу на первом экране посетитель видит кнопку «Отследить заказ». По клику открывается всплывающее окошко, в котором нужно ввести свои данные. Если данные верны и ремонт с указанным номером существует, то клиент увидит текущий статус заказа и стоимость ремонта, если она уже определена.
Отслеживание заказа по QR-коду
В момент принятия устройства на ремонт или диагностику мастер выдаёт акт с QR-кодом. Наведя на него камеру, клиент попадает на страницу с информацией о заказе. Акт принятия находится у клиента, поэтому он в любой момент может проверить, что с его устройством.
Результат
Получился отличный сайт, который будет простым в использовании даже для тех, кто считает компьютер «шайтан-машиной». Главное — удобство, никаких лишних кнопок, минимализм и четкие категории: компьютеры, бытовая техника, ремонт и консультации.
Сайт работает на любых устройствах, он быстрый и понятный. Даже бабушки смогут заказать ремонт, не отвлекая внуков от игр.