цвета
лендинг для сервисного центра restart
цель
шрифт
#53ac40
Montserrat
#e6f3e3
Android
iPhone
Разработать простой минималистичный лендинг для сервисного центра по ремонту телефонов Android и iPhone с адаптивной версткой под вертикальные версии планшета и телефона. Было принято решение не объединять iPhone и Android на 1-й страничке, а разделить их на 2.
страница по ремонту iphone
конец страницы
нюансы разработки
вкладки
Блок "Стоимость услуг"
Так как список услуг и моделей телефонов довольно обширен в сфере ремонта телефонов (а также детали могут быть оригинальными или копиями, что тоже влияет на цену ремонта), поэтому решили не размещать все в одном месте, а разбить блок на вкладки с моделями телефонов. То есть человек может кликнуть на определенную модель айфона, и он увидит таблицу с ценами под конкретно его телефон, что очень удобно.

На данном сайте услуги и цены были реализованы в виде таблиц. Так как одной из просьб клиента было то, чтобы цены подтягивались из другого источника (таблицы).
Блок "Примеры работ"
Кнопка "Узнать статус заказа"
Добавили блок с примерами работ, так как клиент имел довольно много контента в формате до/после. В ПК версии данный блок был реализован так: посетитель сайта наводит курсор на услугу, а справа отображаются картинки до и после ремонта. В мобильной и планшетной версии сайтов реализовали блок в виде слайдера.
Клиент использовал LiveSklad для учета заказов, поэтому он также просил интегрировать для посетителей сайта возможность узнать на какой стадии ремонта находится его устройство. Поэтому на сайт была добавлена соответствующая кнопка.
заключительный этап
После того как страницы были готовы, мы создали счетчик Яндекс.Метрики, настроили в нем цели для анализа трафика и подключили к сайту. А также подключили дополнительно Telegram для приема заявок.
После того как собрали весь визуал и адаптировали сайт под планшет и телефон, по такому же принципу создали страничку и под услугу «Ремонт Android». Она была выполнена в том же стиле, были изменены:
- цены на услуги;
- контент и картинки на главном экране;
- полностью изменен контент в блоке “примеры работ”.
адаптивные версии
Отзыв клиента
Свяжитесь с нами одним из удобных для вас способом по кнопкам ниже или заполните форму обратной связи. Будем рады познакомиться и помочь в решении ваших задач.
Готовы обсудить проект?