New Feature: Responsive Projects

Behance projects just became responsive!

We’re so excited about the newly responsive project displays for a few different reasons, but most of all because it means viewing Behance projects will be easy, intuitive, and look great on a wide variety of devices—tablets, smartphones, and desktops alike.

That’s because a responsive site molds to fit to the context within which it’s being viewed—scaling itself to adapt to each display. In other words, viewing the responsive Behance home page on an iPhone screen does not require resizing, zooming out, or scrolling in order to have an experience that rivals viewing the site on a desktop computer. The page molds itself to fit onto a smaller screen proportionally by registering information from the site.

The move towards responsive design has also been a big learning experience for the Behance team—our very own Jackie Balzer recently wrote a piece for Net Magazine about the nitty gritty behind the dev and design decisions while making the search and discovery tools on the homepage responsive.



In other words, viewing the responsive Behance home page on an iPhone screen does not require resizing, zooming out, or scrolling in order to have an experience that rivals viewing the site on a desktop computer.
 


As she explains, transitioning to a responsive design required the Dev and Design teams to reconsider everything from the organization of their code, to the way basic navigation tools would be displayed. The big changes included hiding the navigation toolbar (in a “basement”—accessibly only when pulled up) and removing the ability for users to zoom in (hopefully, there’s no need to), but the project also required countless smaller detail tweaks. The next step after the code and design building blocks were in place? Testing, testing, and more testing… on a variety of different (real!) devices and operating systems.

Jackie’s article has lots more information about just how much we were able to learn during this process. If you’re curious about coding specifics or the other design decisions, you can find it here.

 

13 comments

  1. — June 29, 2013 11:46 pm

    Great work on the responsive work. I was wondering if some one could add the following code to the css so that Windows 8 users can snap the page to the side of their screen and get a responsive and expected layout as opposed to a zoomed out view.

    Its quote simple to do. Anywhere in the css you can add:

    @-ms-viewport{ width: device-width;}

    This bit of css is picked up by windows phone and windows 8 IE10 and IE11

    Many thanks. Levi Freeman.

  2. — July 15, 2013 9:26 pm

    This is great! When will Pro Sites be responsive?

  3. — August 6, 2013 7:07 pm

    This is certainly good news. I would absolutely use ProSite if it was responsive. The fact that it’s not is the only reason I’m not.

  4. — August 19, 2013 1:54 am

    Same – the minute prosite becomes responsive, I’m switching everything over.

  5. — September 23, 2013 11:12 pm

    I and others have been requesting responsive design integration for ProSite for years now, and I’m starting to think it’s vaporware. No response from the dev team other than “we hope to integrate that feature into a future release”. Tick tock, guys.

  6. LA
    — November 19, 2013 4:36 pm

    Yeah, seriously, if the ProSite was responsive my research for a new host to my two design/art sites would be over. As it is, considering Portfolio Lounge purely because mobile viewing is the future(present).

  7. Al
    — December 12, 2013 2:40 pm

    We hear you. We’re currently working on a total rethinking of Prosite that will include responsive and more mobile friendly layouts. We don’t have a set timeline to share yet.

  8. — January 9, 2014 5:37 pm

    Responsive Prosite’s soon please! Will make the shift as well once it’s responsive! ;-)

  9. — January 17, 2014 10:07 pm

    When will ProSites be responsive? Love my ProSite but most other folio platforms were responsive right away WTF

  10. Al
    — January 28, 2014 9:47 pm

    We’re working on a full revamp of Prostie for this year!

  11. — July 17, 2014 3:22 pm

    im thinking about leaving ProSite.. right now SquareSpace, Format, tumblr, WordPress, all have pretty good responsive portfolio options (and some of them free!).

    Please do something! ProSite WAS good but right now its just not worth the money.

  12. — July 30, 2014 2:04 pm

    We’re now over half way through the year and still NO sign or word about a full revamp of Prostie or a Responsive Prosite.

    Am sure I not the only Prosite user who’s patience is wearing very thin and fed up with the waiting. Squarespace now is starting to look so much favourable.

    Come Behance sort it ASAP and please let us know just how much longer we will have to wait.

  13. — October 28, 2014 3:08 pm

    Hello – we’re excited for the new ProSite as well, and wish that we could share an exact date it will be ready! It is now fully designed and in the hands of our dev team, but it will take a while to build out. We’ll be sure to give updates in early 2015!

Submit