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. You can follow Iggy on Twitter.

26 Comments

  1. James Walters says:

    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.

  2. طراحی سایت و قالب وردپرس says:

    hi dear

    it,s so good thank you very much

  3. Sam says:

    Your Blog gives nice support to me , Great Job.

  4. SPG TECHSOFT says:

    I really like this these are web design look.

  5. Kristina Hughes says:

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

  6. فروشگاه اینترنتی لباس says:

    tnx so much.

  7. 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.

  8. Bonatoc says:

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

  9. 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.

  10. Hoby says:

    So what happens in mobile?

  11. Beata says:

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

  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. Dinco says:

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

  14. Responsive Website development company says:

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

  15. Graphic Design DC says:

    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.

  16. طراحی سایت در مشهد says:

    tnx a lot great website

  17. Cezar says:

    I really liked the examples. Tks.

  18. 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!

  19. Teelah says:

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

  20. michael meininger says:

    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.

  21. Martín Zalucki says:

    Love it! Great work

  22. jose says:

    Nice work. Carry on.

  23. abu dhabi web design says:

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

  24. website development says:

    Great list Chris!
    Just what needed.

  25. 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.

Leave a response