MAy 2016

Behance About Page

Our current About page needed a complete overhaul— both with a style revamp and a content rethink. The final design needed to work in 3 ways: as an intro to Behance's key products, as an ambassador for Behance's core values, and as recruiting tool for potential hires to learn about who we are. 

 

ROLE

Product Designer and Project Lead: concept, copywriting, UI/UX design

TEAM

Zach McCullough · Creative Director

PROJECT STATUS

Awaiting development 


PAGE FLOW & INFO

I supplied the flow and also the copywriting for this particular project— it was critical to understanding how the sections would read from one section to another. The sections we eventually decided on all had clear call-to-actions that could direct the user to specific areas on the Behance site in a new tab, but would also read cohesively from beginning to end.


a dynamic landing page

One of my favorite parts of this project was our freedom to be more playful and bold with our imagery: most of the Behance network is about displaying large quantities of work from a multitude of creatives. On the About page, however, we could select a few major highlights instead and display work in a bigger, more all-encompassing format. 

The landing page was therefore designed to fade dynamically through a series of videos across a few creative fields, such as animation, illustration, sculpture, and photography. This would easily scroll away into the main body of the page— the goal was to NOT create a carousel, but more of a dynamic, enticing background.


OUR MISSION, LOUD AND CLEAR

Upon scroll, the standard navigation on Behance would return and a clean white page with our mission would appear. This page sets the tone and the context for the rest of the flow— despite it's simplicity, it was actually one of the most contested pages, as the copy here had to concretely define our company.


A CONSISTENT SYSTEM FOR THE LAYOUT

Each content page after the first landing/mission pages followed the same format: a large piece of creative work (with proper artist attribution and a link to that Behance project), a large call-to-action that also functioned as the page headline, a testimonial from a real user on Behance, talking about the why behind the call-to-action, and a short blurb that gave more specific details for the product. 


A FINAL CALL TO SIGN UP

The page ends with a giant ending call-to-action that gets overlaid on top of the only mosaic-style background— we want a user to really see how compelling it can be to be a part of Behance. The final section is a 3 part scroll: first a simple black background, a mosaic of work fading in, and then a sliver at the bottom that points to our Careers page.


ONE CLICK TO CAREERS

As a side page to this project, the Careers page that links from the bottom of About needed to have a consistent style without being a main focus. The call-to-action after the job postings would redirect back to About, so that a prospective hire could go back and read through the page again and get a clear understanding of our products.


RESPONSIVE DESIGN & LOCALIZATION

Lastly, a consistent theme throughout this project was how we needed the design to be responsive and easily localized. Behance currently localizes to 18 languages!