Category: ProSite

Full-size videos come to ProSite projects

Display videos from Vimeo and YouTube at any size up to 1920px wide in ProSite projects with just a quick update to the embed code.

1) Grab your new embed code

Go to the original source of your video embed (on Vimeo or YouTube) and adjust the embed code to the max width you’d like to display on ProSite, then copy the code.

2) Edit or create a Behance project

Create a new project with the embed code, or, to add to an existing project, go to Edit Projects on your Behance account and replace the existing video with the new code, then save. (NOTE: the video will still appear as 600px wide on Behance, but it will have the full width on ProSite)

3) Update your ProSite

Go to your ProSite editor. The video will now display at the same width as your project images. You can adjust the project image width in Design–>Styles–>Projects–>Project Image Width

 

 

Questions? Click here to contact support!

ProSite Spotlight: Tell Your Story

In addition to displaying your work, we believe your online portfolio should tell your story. With all the customization options available on ProSite, the possibilities for personalizing your site – from your landing page to your project covers – are endless. Here are a few ProSites that show just how quirky & unique you can get:


Mario Testa’s site lands on a bold yet simple page with large numbers that rapidly count upwards when you scroll over. Each number represents a different project with more information about the work. Mario encourages users to play with his design and uncover the meaning for themselves. He is a man of few words, so it’s very fitting that he chose numbers for his navigation instead.


Meggen Skilling separates her work into right and left brain projects and her illustrated brain opens up different case studies and designs that are organized as ‘analytical’ or ‘creative.’  What a smart visual way of presenting two major areas of focus.


Paul Zolandz greets visitors with a hand written letter that links out to different projects & clients. The note is casual and accessible, while still serving its purpose – to introduce the work. We’d love this design even more if Paul included his contact info, as even his name can be difficult to find for first time visitors.

For more info on ProSite, or to sign up today please visit ProSite.com.

ProSite Spotlight: Self-Promotion

A great creative career requires a marketing strategy to maximize exposure and opportunity. With all the customization options available on ProSite, the possibilities for highlighting your specialties and skills are endless. Here are a few ProSites that feature innovative examples of self-promotion:


Max Sobkowski had a little fun with his profile, and created a poster that highlights his skills & rate.


Bruno Viegas turned his about page into an infographic CV complete with symbols & graphs.


Ben Cook is an interactive designer, so laying out his skill set, availability and tools in an accessible, yet creative manner was important. The “About” tab on his ProSite even lists “who I am and what I can do” before the user has clicked – you know exactly what you’re getting!


22 Creative Studios created a clear, to-the-point, “Services” section on their site that lets visitors and potential clients alike know exactly what they’re capable of.

Weighing Your Options: Designer Portfolio Sites


Designer Ben Whitesell researched and evaluated the best online portfolio tools for creatives in a recent blog post, and we’re thrilled that ProSite came out on top. ProSite is Behance’s completely customizable personal portfolio builder. Here’s some of what Ben had to say:

“I have had a great experience dealing with [Behance] through my free profile and did quite a bit of research into other hosted portfolio sites like Cargo Collective and the like. But, because the people behind Behance have been readily accessible via twitter, their blog, and forums, I felt comfortable going with them. The big selling point being how easy it was to set up a site, attach my own personal domain, and even drop in Google Analytics for tracking.

[...]

I really like the level of customization that Prosite offers for webpages. Everything is easy adjusted from an administration panel and you can upload custom images for your header or for the gallery buttons. Columns for page layout can be adjusted to your preference and if you get a little creative then you can also get pretty custom with the sites navigation. Behance also regularly provides updates like adding the ability to add social media links, a custom favicon, custom type integration, and expandable images.”

Read Ben’s full post here and try ProSite out for yourself (for free) here.

ProSite Spotlight: Businesses on ProSite

Sometimes non-designers ask if they can use ProSite too, so we thought we’d share some great examples of some businesses (outside of the ad agency/design studio realm) who have built great company websites on Prosite.
ProSite is our completely customizable, personal portfolio website-builder that easily syncs with the Behance Network. Today we’re shining the spotlight on a few original examples of businesses on ProSite .


ToLife, an Australian-based lifestyle consultancy org, created a clean and simple ProSite that clearly conveys their services that span massage, nutrition, yoga, acupuncture and more.
Read more →

How To: Add Large Videos to your ProSite

Many of you have asked how you can embed videos larger than 600 px into your ProSite. Here’s a quick guide:

Custom Pages:
Simply adjust the size of the embedded video from vimeo/youtube, and then paste the embed code into the uploader. Make sure that your column width is wide enough to accommodate it.

Project Pages:
This is a little tricker, but can be done in a few steps.

1) Make sure your Project Content Column is wide enough for the video (the default is 600, so adjust this to be wider)

2) Go to Vimeo or Youtube and customize the size of the video (screenshot). Make a note of what the pixels for heights and width are. For example, the video in the example is 800 x 450.

3) Go to ProSite –> Design –> Project (choose whichever project you video lives in) –> HTML & CSS –> Activate
Note that we don’t officially offer support for CSS & HTML, so this is done at your own risk. If something unexpected happens, we suggest that you deactivate CSS & HTML.

4) Then, paste this into the CSS/HTML section, substituting the appropriate numbers of width and height from vimeo

iframe{
width: 800px;
height: 450px;
}

You’ll notice that your video becomes larger! Enjoy….

ProSite Birthday Discount

ProSite, Behance’s completely customizable portfolio-builder, is turning one year old. To celebrate, we’re giving away one FREE month of ProSite. Enter PROBDAY to take advantage of this limited offer!

To learn more about ProSite click here.

Seeing vs. Looking with Jennifer Wijaya

We recently chatted with San Fransisco-based ProSite user and student Jennifer Wijaya about creating her website and solving problems with design.

How long have you been designing?
I officially enrolled into the graphic design program at Academy of Art University back in spring 2007. So, it has been around 5 1/2 years that I’ve been designing professionally.

Do your personal projects differ from your professional work? If yes, how so?
Yes, to a certain extent. Personal projects tends to be a lot more flexible — meaning the constraints that you would face in real (professional) work is not too big of a concern, whereas in professional (real world) work, you tend to have to cater to what the client wants. But, with both, I always try to be objective as to what the goal of the project is. In the end, a good design should solve problem(s).

Why did you decide to create a ProSite with a quote as the landing page and hidden project covers that only appear in rollover state?
This website was an extension of my final portfolio piece and the idea behind my portfolio is seeing vs. looking. So that idea was the reason why I created the ProSite with a quote and a hidden project cover underneath it — so people have to actually look for what they came into my website in the first place.


Please describe how you designed your ProSite (how you made it look and function the way it does):
First, I figured out the overall dimension of the page, and then I figured out the dimension of each of the bars, and basically just creating different parts for the quote and project covers, cropped it in a way so that when they’re live, they would look seamless.

How do you make your ideas happen?
Just do it. You have ideas, flush it out.

What are some projects you hope to work on in the future/ clients you hope to work with?
I just graduated recently, so I’m really up for anything!

To see more of Jennifer’s work or to get in touch, please visit jenniferwijaya.com.

ProSite Spotlight: About Pages

According to Smashing Magazine, “The “about me” page is one of the most overlooked pages in development [but] one of the highest ranked pages on many websites.” With all the customization options available on ProSite, the possibilities for your about page are endless. Here are two strong examples (click the images to see the live sites):


Geoff and Justin aren’t afraid to let their quirky personalities shine through on the about page for their design company, Studio Alumni. By referencing both their influence and creative process, potential clients can get a glimpse into what working with Studio Alumni would be like just from browsing through their site.


Simple and to the point, Factoriatalio Design begins with a quote from their founder and sums up their services in two sentences. Beneath their description they clearly list their firm’s capabilities so the user knows exactly which mediums they cover.

For more info on how to write a solid bio or summary of your services, check out this 99% article on self-marketing.