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.