What is mobile-first?

For years websites were designed on the designer’s large monitor and then adapted, with concessions, to the phone — while the audience was travelling in exactly the opposite direction. Today the overwhelming majority of consumer traffic arrives from mobile devices, and Google indexes sites primarily in their mobile version, which means the phone rendering effectively is your website from the search engine’s point of view. Mobile-first is the correction to the method: design for the small screen first, where the constraints are merciless and clarifying. Only the essential fits, so message hierarchy becomes real work rather than a slide. A finger is imprecise, so buttons take human dimensions. The connection is variable, so speed turns into a design requirement instead of a later optimisation. From there you enrich progressively toward larger screens, where space is a bonus rather than the foundation. The distinction from responsive deserves one sentence: responsive means the layout technically rearranges itself on any screen, which is necessary but far from sufficient, since plenty of responsive sites deliver a miserable mobile experience where everything fits and nothing was considered. The practical test needs no tooling — take your phone on a mobile connection and try to do exactly what you want customers to do: find the service, see the price, send the enquiry, place the call.