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