Line25

Web Design Trend Showcase: Centrally Divided Layouts

Read the full post

I originally documented the trend of vertical split layouts back in 2013 when I noticed some new web designs being divided vertically into two halves to display separate areas of content. I wondered if this trend would become more common, and surely enough, we continue to see cool web designs with centrally divided layouts in 2015. Check out this updated showcase to see great examples of websites that split their content down the centre of the screen.

Names for Change

Names for Change

C.ROWE

C.ROWE

Desktime

Desktime

Stolen Girlfriends Club

Stolen Girlfriends Club

Formlets

Formlets

Nightcall Productions LLC

Nightcall Productions LLC

Nicolas Bussiere

Nicolas Bussiere

Hello Monday

Hello Monday

Brown’s London Art Weekend

Brown's London Art Weekend

Park Tavern

Park Tavern

Mission Motorcycles

Mission Motorcycles

fifty-five

fifty-five

La Grande Evasion

La Grande Evasion

  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Iggy's design tutorials and articles at his Web Design Blog or follow his daily findings on Twitter.

26 Comments

  1. Amit Patel says:

    Chris thanks for the article. I personally feel that centrally divided layout grabs more attention from the users as they can focus on the middle of the screen easily. So I hope this trend will continue in design industry and we will show more and more centrally divided layouts in future.

  2. Great list Chris!
    Just what needed.

  3. Very smoothly done, though is anyone having slow responses on the new Android Kitkat 4.4.4 for the Hello Monday site?

  4. jose says:

    Nice work. Carry on.

  5. Love the list! I have been trying to push the bisected page layout for the past year or two but few clients are willing to bite. It is such a simple and effective solution that can hit both sides of the brain.

  6. Teelah says:

    This was a really great read, and great site examples. Love this style.

  7. Cathy Mayhue says:

    I just love this design, gives it kind of book like appearance. I have even seen some websites where they let the users ‘turn pages’ just like books!

  8. Cezar says:

    I really liked the examples. Tks.

  9. This is a good read. I love all the idea behind all these web design. It was conceptualized well. My personal favorite is the Formlets.

  10. Hello Monday really a very cute and charming design, for kids’ learning websites. Remaining designs are also well. Nice post again on this website.

  11. Dinco says:

    Nice! very interesting site design. I personally really like this design direction.

  12. Justin says:

    Funny timing. I just did a bisected portfolio (with independent scrolling for each side) as a memorial to my app and web design studios: http://www.taptapas.com

  13. Beata says:

    Thank You for these inspirations. I really love them:)

  14. Hoby says:

    So what happens in mobile?

  15. Bonatoc says:

    It’s absurd to me to put the visual on the right. The user’s eye directly goes to the right, and that’s where the main info/elements should be. Left side should always be for illustration.

  16. Bonatoc says:

    Of course, you should go flexbox : https://css-tricks.com/left-and-right/

  17. web design says:

    I’ve used centrally divided layouts a few times for my clients; I honestly feel like it grabs a user’s attention faster, especially if you use a strong contrast. It’s definitely a more modern scheme for your website. Great read — loved the examples too.

  18. A bunch of creative web design examples for the web designers.. Thanks for this great sharing chris..

  19. SPG TECHSOFT says:

    I really like this these are web design look.

  20. Sam says:

    Your Blog gives nice support to me , Great Job.

  21. Great article and analysis. Bisected pages in an interesting web design technique to separate content and design or two different forms of content on the same page.

Leave a response