Сайт сервисного центра «iBolitt»
Посмотреть: ibolitt.ru
Задача.
Сделать редизайн и обновленный функционал сайта сервисного центра с сохранением фирменных цветов.
О компании.
iBolitt - сервисный центр в центре Москвы, на Арбате. Удобное местоположение, профессиональная команда и качественный ремонт электронных устройств - значит нужен и новый свежий надежный сайт.
Прежний сайт был собран на конструкторе несколько лет назад и имел недоработки как в дизайне, так и в функционале. К тому же его внешний вид уже устарел и владелец принял решение его переделать.
Начиная с обсуждения ТЗ и анализа сайтов похожих сервисных центров в сердце Москвы, решили делать дизайн нечто непохожий на тот, что мы видели у других.
В шапке классическое небольшое навигационное меню по странице, телефон для связи и адрес, чтобы сразу можно было проложить маршрут от нужной точки.
Следом офферная конструкция - сообщаем, что всего за 3 клика можно узнать стоимость ремонта нужного устройства. На деле это занимает не более 15 секунд. Мы уважаем время каждого и если какой-то процесс на сайте можно ускорить без потери качества и смысла - мы его ускорим.
Справа в виде сообщения iMessage отображается дополнительная важная информация. Своеобразная замена бегущей строки.
Ниже - сразу к делу. Выбор устройсвта и отображение фотографии при наведении на соответсвующее из списке. Фотография большая, красивая и насыщенная - должна быть лицом во весь рост!
С недавних пор iBolitt стали ремонтировать не только устройства Apple, но еще и на платформе Android. К функционалу этого блока вернемся позже.
Дальше - простая форма оправки заявки. Введите недостающие данные в предложения и запишитесь на ремонт. После с вами свяжутся и уточнят все, что нужно.
Третий блок сайта - контакты. Адрес, расписание работы, номер телефона для связи. Карта от Яндекса. Все чтобы связь с iBolitt была максимально доступной и понятной.
Ну и футер с дублированием формы, уже в более классическом виде, повторная навигация, контактные данные, копирайт, ссылка на документ с политикой конфиденциальности. И упоминание студии, которая создала этот сайт - нашей студии.
И так, вернемся к тому, как узнать стоимость ремонта. Выбрав нужное устройство, открывается его список моделей. Выбрали iPhone, 11 Pro Max...
Затем выбираем услугу (замена дисплея), и получаем стоимость. Так просто.