Sebastian Lochbronner Website
sebastian lochbronner
Menu

Mobile First

How is a web design actually created? Or to put it another way - where do you start? Certainly every web designer has their own approach, which [...]
November 17, 2016

How is a web design actually created? Or to put it another way - where do you start? Every web designer certainly has their own approach, which is tailored to their individual way of working. Leaving personal preferences aside, you could at least ask yourself for which end device the first designs should be created. Do you start with high-resolution screens for desktops? Or with notebooks? This is where the mobile first approach comes in. As the name suggests, you start with the design for mobile devices or with the smallest layout variant. Then you gradually move towards the larger variants.

Mobile web design is becoming increasingly important

But where does the mobile first trend actually come from? In the past, a desktop version was usually created first, to which a mobile version was then optionally added. However, as websites are increasingly being used on mobile devices such as smartphones, priorities are shifting. For some sites, the mobile version has long been more important than its "big brother".

Google introduces a mobile-first index

At the latest after this announcement, it is clear how dominant the role of mobile web design has become: Google is introducing its own index that specifically lists mobile versions of websites. A fully-fledged mobile website is therefore more important than ever before if you want to continue to maintain good search engine rankings. The mobile-first trend could get an additional boost as a result.

Mobile First Advantages

The entire website can benefit from the mobile first approach - after all, the focus is on the content. The website is concentrated on the essentials and important content is as dominant as possible, i.e. positioned as high up as possible. In a later step, the desktop version can be created on this solid basis and additional functions can be added. At best, this also increases the usability of a website.

Implementation

There are several ways to develop a mobile-first website. In practice, the following has proven to be particularly effective Responsive web design which can be optimally combined.

Send email
Say hi!

Sebastian Lochbronner
86830 Schwabmünchen
Germany

Social