Проверяю реальные ситуации
Учту длинные заголовки, открытое меню, ошибки формы и несколько товаров в корзине.
Создание сайтовАвторская студия Эмиля Пяткова
Адаптивная вёрстка
Адаптивная вёрстка, в которой каждая деталь на месте
Сделаю сайт удобным на телефоне, планшете и компьютере: читаемый текст, аккуратные карточки и кнопки, по которым легко попасть.
Королёв и Подмосковье · Работа с Эмилем напрямую
Обсуждение напрямую со мной · Оценка после знакомства с задачей
На телефоне кнопки тесные, а длинный текст ломает экран.
Условный пример подхода. Состав работы — под ваш проект.Соберите нужное решениеУсловный пример
Макет проверяется реальной жизнью
Отметьте нужные части. Справа появится состав решения, который можно обсудить со мной.
01Узкий экран
02Длинный контент
03Управление и анимация
Выберите нужные части слева.
Предпросмотр выбранных шагов
Посмотрите, как раскрывается выбранная задача.
Отметьте части решения и пройдите их по очереди.
Результат вашего выбора
Узкий экран
Задам правила перестроения, а не только несколько фиксированных размеров.
Как пользоваться примером
- Выберите нужные части.
- Пройдите выбранные шаги в примере.
- Передайте состав вместе с заявкой.
Вы увидите, какие задачи войдут в первую версию. Это отправная точка для оценки.
Почему со мной
Личная ответственность.
Польза для вашего проекта.
Вы обсуждаете задачу со мной. Я объясняю решение, согласую объём работы и показываю результат, который можно проверить.
Без скрытия важного
Перестрою сложные блоки под узкий экран, сохранив содержание и действия.
Приёмка по ширинам
Покажу, как ведут себя ключевые страницы на согласованных размерах экрана.
Как это работает
Один сайт на разных экранах
Посмотрите, как задача проходит от исходных данных до результата, который можно проверить.
ШАГ 01 / 03
Полная сетка и привычная навигация.
- Широкий экран. Полная сетка и привычная навигация.
- Узкий экран. Блоки перестраиваются, текст остаётся читаемым.
- Действие пальцем. Меню, выбор и форма доступны без увеличения страницы.
Для чего это вашему бизнесу
Точность заметна между основными экранами
Интерфейс подстраивается под доступную ширину и реальные данные. У интерактивных элементов есть понятные состояния, а у команды — готовая основа для подключения к CMS.
Ваша ситуация — мой подход
Макет проверяется реальной жизнью
Узкий экран
Карточки, меню и формы должны менять поведение вместе с шириной.
Что меняется
Задам правила перестроения, а не только несколько фиксированных размеров.
Длинный контент
Настоящие названия редко помещаются в идеальные две строки.
Что меняется
Проверю переносы, высоты карточек, поля и области с ограниченным пространством.
Управление и анимация
Эффекты не должны мешать человеку управлять страницей.
Что меняется
Предусмотрю видимый фокус и спокойный режим для пользователей с уменьшением движения.
01 / 03
Теперь — ваш проект
Соберём задачу,
которую можно оценить.
Ваш выбор из примера добавится к обращению. Отметьте детали, которые важны именно вам: я предложу состав работ и объясню стоимость.
Важные вопросы
Разберём детали
до начала работы.
Что входит в задачу, какие данные понадобятся и как проверяется результат. Если ваш случай отличается — обсудим его лично.
Можно сверстать по макету, в котором нет мобильной версии?
Да, после согласования правил адаптации. Покажу спорные участки: меню, таблицы, карточки и формы. Проектирование этих состояний включу в оценку.
Можно адаптировать уже работающий сайт?
Да, после изучения текущей вёрстки. Иногда достаточно исправить стили, иногда структуру отдельных блоков необходимо изменить.
Сложная анимация входит в работу?
Согласую её отдельно по примерам и состояниям. Оценю влияние на читаемость, загрузку и управление с телефона.
Вы подключите вёрстку к Битрикс?
Могу включить это в проект. Чистая вёрстка и внедрение в CMS — разные составы работ, поэтому заранее уточняю нужный результат.
Стоимость и первый шаг
Передать макет на оценку
Чтобы назвать стоимость, сначала уточню:
- Количество уникальных экранов и компонентов
- Сложность интерактивных состояний
- Необходимость внедрения в CMS
Эмиль ПятковОбсудим задачу напрямую.
Я отвечаю за выбранное решение.
Я отвечаю за выбранное решение.
Стоимость после оценки задачи
Состав работ и стоимость согласуем до начала проекта.
Поддерживаемые браузеры и набор проверяемых страниц фиксирую до начала. Серверная обработка форм и интеграции добавляются в объём отдельно от интерфейсной вёрстки.
Рядом с вашим бизнесом
Работа без лишних поездок
Вёрстку можно заказать независимо от местонахождения бизнеса. Проверяем страницы по одной ссылке и общему списку замечаний.
Выберите город — он попадёт в обращение. Задачу можно обсудить и выполнить дистанционно.
Королёв, Мытищи, Ивантеевка, Щёлково, Пушкино и Москва. Работаю с проектами по всей России.