Смотрю на разных экранах
Окна браузера на компьютере мне мало: проверяю страницы на узких и более широких экранах и на самом телефоне, там, где их и открывают ваши клиенты.
УслугиОбновление и поддержка сайтаМобильная версия
Адаптивная версия сайта для телефона
Адаптивная версия сайта для телефона
Сайт поехал на телефоне? Сделаю адаптивную версию вашего сайта: верстка, меню, кнопки, форма и шрифты станут удобными на телефоне. Переделывать всё не придётся.
- Всё индивидуально
- Проверяю с телефона
- Живой сайт не останавливается
Просто напишите, а дальше я сам. Посчитаю задачу без оплаты.
Настоящая работа: сайт мебельной мастерской Homeuyut
сайт ломается на телефоне
Адаптивная версия сайта: когда она нужна
Ваш сайт открывают с телефона: по ссылке в мессенджере, из Instagram, из поиска. Если текст вылезает за край экрана, а в кнопку не попасть пальцем, человек закрывает страницу и пишет тому, у кого всё открылось нормально.
Это для тех, у кого сайт уже есть и в целом устраивает, но на телефоне выглядит сломанным. Я привожу в порядок именно мобильную верстку, даже если сайт писал другой разработчик.
Если же устарел весь сайт вместе с мобильным видом, это уже разговор о более широком обновлении. Какая у вас задача, скажу после осмотра.
Гордей Фисун · обновлено
только мобильная верстка
Адаптивная верстка под мобильные устройства: как делаю
Весь сайт не переделываю. Убираю то, что мешает людям с маленьким экраном.
Кнопки под палец
Кнопки, ссылки и пункты меню такого размера и с такими отступами, чтобы с первого раза попадали куда нужно и не задевали соседнюю.
Скорость на мобильном интернете
Облегчаю тяжёлые картинки и шрифты, убираю лишние скрипты, из-за которых страница долго открывается. Показываю замеры до и после, а не впечатления.
В том коде, что уже есть
Адаптивную верстку встраиваю в существующий сайт, без переписывания с нуля. Чужой код тоже беру: сначала разбираюсь в нём, а потом называю объём работы.
Сначала на копии
Работаю на тестовой копии сайта. Вы смотрите результат на своём телефоне, а клиенты видят привычный сайт, пока вы не скажете «да».
что правлю на телефоне
Мобильная верстка сайта: что привожу в порядок
Страница, которая не разъезжается
Блоки встают один под другим, картинки помещаются в экран, текст не приходится увеличивать пальцами. Страница читается сверху вниз, как и задумано.
Меню, которое открывается
На телефоне меню собирается в одну кнопку и открывается с первого касания. Пункты не наезжают друг на друга и не прячутся за краем экрана.
Форма, которую легко заполнить
Поля на всю ширину, кнопку отправки видно сразу. После правок отправляю тестовую заявку и смотрю, действительно ли она пришла к вам.
Текст, который читается
Размер букв под экран телефона: не нужно щуриться над мелким шрифтом, а заголовки не рвутся посреди слова.
Живое демо
Тот же сайт до и после обновления
Мебельная мастерская Homeuyut: те же товары и телефоны, другой сайт. Потяните разделитель и увидите разницу.
от адреса сайта до правок
От ссылки до сайта, удобного с телефона
Вам хватит адреса сайта и пары слов о том, что не так. Остальное беру на себя.
Ссылка
Присылаете адрес сайта. Можно добавить скриншот, где видно, что именно поехало на телефоне.
Осмотр
Открываю сайт с телефона и смотрю код. Говорю, что ломается и что входит в работу.
Верстка на копии
Исправляю верстку на тестовой копии. Вы проверяете её на своём телефоне и говорите, что поправить.
Запуск
После вашего «да» изменения переходят на живой сайт. Напоследок ещё раз прохожу его глазами обычного посетителя.
5,0 · 37 отзывов
- Вы решаете, двигаться ли дальшеПосле каждого этапа можете остановить проект. Оплачиваете только выполненные и принятые этапы. Предоплату за неначатые возвращаю.
- Деньги назад, если сделаю не то, что в ТЗЕсли объём не тот, что согласовали, возвращаю оплату этапа. Без споров.
- Свои ошибки 6 месяцев исправляю без доплат
- На критичное реагирую в течение суток
- Код, домен и данные ваши с первого дня
Вопросы
Вопросы о мобильной версии
Нужно ли переделывать весь сайт, чтобы он нормально выглядел на телефоне?
Чаще всего нет: верстку для мобильных устройств добавляю к существующему сайту, без переписывания с нуля. Если код такой, что надёжнее сделать заново, вы услышите это до начала работы.
Что обычно ломается в мобильной версии сайта?
На телефоне чаще всего разъезжаются блоки и текст вылезает за край, меню не открывается, кнопки слишком мелкие, а форму неудобно заполнять. Ещё одна частая причина: сайт долго открывается из-за тяжёлых картинок.
Как проверить, что мобильная верстка сделана хорошо?
Сайт проверяю не только в браузере на компьютере, но и на экранах разной ширины и на самом телефоне. Смотрю, читается ли текст, попадает ли палец в кнопки и доходит ли заявка с формы.
Сайт перестанет работать, пока делается мобильная версия?
Нет. Всё делаю на тестовой копии, так что клиенты всё время видят привычный сайт. На рабочий сайт изменения переходят только после вашего «да».
Сайт делал другой разработчик. Возьмётесь за мобильную версию?
Да, адаптивную верстку делаю и в чужом коде.
Что подготовить, чтобы заказать мобильную версию сайта?
Для начала достаточно ссылки на сайт. Скриншоты, где что-то поехало, помогут быстрее увидеть проблему, а доступы обсудим после осмотра.