Хватит рисовать его первым по-умолчанию!
Проверил по живым цифрам из Яндекс.Метрики на наших проектах.
35 проектов, 2,36 млн визитов за полгода суммарно.
72% — mobile.
28% — desktop.
Убрал пять самых посещаемых из выборки. Всё равно 64% — mobile.
По отдельным нишам:
Ecom — 78%
Рестораны — 74%
Недвижимость — 62%
Банк — 58%
Что с планшетами?
1,7% трафика.
На отдельные макеты под планшет можно официально забить. Нормально спроектировали мобилку и десктоп, промежуточные состояния верстальщик адаптирует сам. Рисовать третий комплект экранов ради полутора процентов аудитории экономически неоправданно.
Проектируйте сразу под 390px! А потом уже разворачивайте на ПК.
Исключения, конечно, есть.
Бухгалтерские услуги — 87% desktop.
Медицинское издательство — 65% desktop.
Там, где человек работает, а не листает с телефона на бегу, компьютер никуда не делся.
Короче, для обычного публичного B2C-сайта, интернет магазина или сервиса положняк примерно такой:
mobile — проектируем первым.
desktop — вторым.
tablet — отдельно не рисуем.
Для B2B и рабочих интерфейсов сначала смотрим аналитику — там десктоп может оказаться главным.
И не забывайте llm.txt?