Browsing around articles that predict web design trends for this new year, vertical split screens seem set to soar in popularity. This style of web design usually presents the user with two options on the direction they wish to take on the website from the landing page, but they can also show an image on one side and have the About section or a menu, or a link or links to other important areas of the site on the other side.

However the designer uses this style, it certainly seems to be gathering speed, so we have selected some of the best examples of vertical split screen designs around at the moment for your inspiration.

Split Screen Landing Pages

Matthew Hall

Matthew Hall uses a black and white image of himself on the left side of the landing page, and the right side contains a hamburger menu button, his About section and an arrow indicating you should drag, swipe or click to continue through his vertical scrolling site.

Matthew Hall

Prevention R3 Summit

This site uses an image with a gradient transparency on the left. This side of the screen also has the hamburger menu icon. The right side is scrollable and the content is the details of the 2016 summit such as Program, Speakers, Activities, etc.

Prevention R3 Summit

Lillehammer 2016

The Youth Olympic Games of 2016 are to be held in Lillehammer in Norway, and this is the official site for that event. The screen is not split 50/50 on this site, the smaller left side of the screen shows the date of the games and a countdown clock