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

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