Напишите нам
Разработка сайта для сервисного центра OneTouch, занимающегося ремонтом техники в городе Иваново
КЕЙС:
Задача:
Создать сайт в минималистичном стиле, без перегруза анимации под разные услуги сервиса. В работе использовать фирменные цвета и шрифты
Настроить весь функционал на сайте, задать теги, заголовок и описание страниц для SEO, а также подключить и настроить счетчик Я.Метрики.
Создать и утвердить прототип сайта с последующей разработкой страниц под услуги: ремонт телефонов, ремонт iPhone, ремонт планшетов и ремонт ноутбуков.
Разработка сайта для сервисного центра, который отражал бы его преимущества, показывал экспертность мастеров и вызывал доверие у клиентов.
Сервисный центр OneTouch занимается ремонтом и обслуживанием электронной техники современных гаджетов (телефоны, планшеты и ноутбуки). Ремонтируют как Android, таки устройства Apple.

Предпочтительно использование черно-белых оттенков и фирменного синего цвета. В качестве шрифта использовался Montserrat разных начертаний в зависимости от важности текста.
О клиенте:
Задачи агентства:
#153887
Сначала была продумана структура сайта, были созданы соответствующие блоки в Tilda. Проведена была подготовка медиаконтента для страниц, их обработка и загрузка. Далее прототип страницы "Ремонт телефонов" был согласован с заказчиком с внесением небольших корректировок по дизайну.
Что сделано:
Что сделано:
После согласования дизайна:
  • были добавлены и настроены для приема данных все формы обратной связи;
  • добавлены кнопки для перехода в социальные сети сервисного центра;
  • настроили блок стоимости и этапов работ в виде табов с переключением контента между ними;
  • подключили Яндекс Карту, а также виджет отзывов с Яндекса;
  • была настроена навигация как по текущей странице, так и между страницами;
  • добавлено бургерное меню для планшетных и мобильных версий сайта;
  • чтобы сайт смотрелся интереснее, были добавлены анимации к некоторым объектам сайта.
После передачи всех 4 страниц на аккаунт клиента:
  • прописали title и description для всех страниц сайта для SEO;
  • также добавлены теги к заголовкам;
  • подключили и проверили получение заявок с сайта в Telegram;
  • подключили Яндекс Метрику, настроили цели для оптимизации в Яндекс Директ;
  • добавили favicon для сайта;
  • добавили Политику конфиденциальности;
  • зарегистрировали домен, разместили страницы на нем и опубликовали в интернете.
Что сделано:
Этап 1 - Создание прототипа
Этап 2 - Настройка функционала
Этап 3 - Передача сайта и донастройка
На главном экране разместили основную информацию о конкретной услуге клиента, также УТП клиента, которые являются базовыми в нише ремонта техники.

Естественно были добавлены кнопки для перехода в социальные сети сервисного центра, а также кнопки с формой для обратной связи.

Меню было поделено на 2 части: в 1-й была навигация по текущей странице сайта, во 2-й - ссылки на внутренние страницы с другими услугами клиента.
Главный экран:
Подробнее о блоках сайта
Данный блок был реализован в виде табов-переключателей и блоками с контентом, который открывался при клике на соответствующий таб.

Посетитель сайта может выбрать модель своего телефона и посмотреть приблизительную стоимость той или иной услуги по ремонту.

Также была добавлена кнопка для оформления заявки, чтобы посетитель могут здесь же заказать услугу.
Стоимость:
Классический блок с описанием уникальных торговых предложений сервисного центра по ремонту техники.

Добавлены живые фото специалистов и команды сервиса для знакомства с посетителями.
Преимущества:
Данный блок также был оформлен в виде табов с переключением контента при клике на соответствующий этап ремонта.

Были подобраны релевантные названию этапа картинки, вкратце рассказано об этапе.

Также в каждый этап была добавлена кнопка для обратной связи с сервисным центром.
Этапы работ:
Данный блок был оформлен в виде галереи слайдера, где были загружены картинки ремонтов сервисного центра.

Все картинки подписаны, на внутренних страницах сайта были добавлены соответствующие услуге примеры.

Переключение осуществляется кликом по стрелкам, просто перемещением мыши, а также кликом по буллету под картинкой.
Примеры:
Классический блок, было добавлено несколько живых отзывов с Яндекс Карт, указаны настоящие имена.

Был подгружен виджет с Яндекс Карт, в котором имеется средняя оценка на картах по сервисному центру.

Оценка и количество отзывов подгружается из Яндекса динамически, по кнопке можно напрямую перейти в карточку центра.
Отзывы:
Была создана карта и интегрирована в код страницы со всеми имеющимися филиалами сервисного центра.

Также все адреса были продублированы в тексте, а также добавлены графики работ каждой точки.

Тут же имеется кнопка для звонка в сервисный центр, а также другие кнопки для перехода в удобный клиенту мессенджер.
Контакты:
Что в итоге получил клиент?
Адаптивный лендинг с индивидуальным дизайном
Подходит под нишу ремонта техники, выполнен в фирменных цветах бренда
Удобная структура и чистый UX
Пользователю легко найти нужную услугу и отправить заявку
Посадочные страницы под ключевые направления
Отдельные блоки под ремонт телефонов, планшетов, ноутбуков, iPhone
Интеграции с Telegram и Яндекс Метрикой
Заявки приходят сразу в Телеграм, подключены цели и их отслеживание
Отзывы, этапы ремонта, портфолио работ
Повышение доверия через реальные кейсы работ клиента
Базовая SEO-оптимизация
Прописаны теги, мета-заголовки, descriptions, favicon и структура URL
Готовы обсудить проект?
Свяжитесь с нами одним из удобных для вас способом по кнопкам ниже или заполните форму обратной связи. Будем рады познакомиться. Каждый рубль превращаем в результат!
ИП Кадырбаев Дамир Кадимович, ОГРНИП 318565800075881, ИНН 560402753711
Мы в социальных сетях