Menu

DIY Portfolio Site

A few days ago, I ranted and railed about the necessity of a portfolio web site (which I still strongly believe), but I very much realize that not everyone has the time / money / resources (yet! foreshadowing!) to build this much needed tool. So (and this is where you come in), I’m going to design a “DIY” kit for a portfolio site.

The Good: Free, royalty free, completely uncredited (no “site template designed by”), 100% customizable. You can leave it “as is” and it’ll very plain and simple, white, stark, ect. Or you can grab a book from the library, browse the web, poke about, and make it look like whatever you want. I’ll go over some basics on how to resize, add color, change images, ect. in the tutorial. This is to get you started.

The Bad: You have to host it yourself, it won’t be dynamic (every time you add, remove, or change a piece, you’ll have to go into the nitty gritty coding), if you don’t change it, it’ll look like everyone else’s. But even this is better than not having anything, since the presentation will be very clean and professional.

I’m going to start from the frame of mind of someone who has no idea where to begin and go up through the final testing to make sure everything is working, and you start blasting it out via e-mail and social networking to everyone you know.

I am going to try to have this ready by the time the current semester ends for the current Portfolio Review class.

Give me your wish list (comment here or email to kevin@thinblackglasses.com) on what your portfolio site would do. I’ll incorporate what is practical.

Categories:   Uncategorized

Comments

  • Posted: October 16, 2007 12:15

    Jeremy

    This is great, Kevin. Additionally, students may want to check out designrelated.com. Its a free design community (myspace-ish) with a decent portfolio section. Its rapidly gaining popularity and lots of employers are starting to post jobs through it.
  • Posted: October 16, 2007 12:51

    Adam Dill

    Wow, you read my mind. I hate blogs and even the cms now available (for free I might add...drupal, jumla are two of the most popular now). I have started development on my own cms with an easier template system. Perhaps even a front-end template builder is in the mists. I'm interested in seeing your progress. I really feel that in the world of cms, they left out the designers, hence the phrase "that site looks wordpressish, or bloggerish". Besides, I'm tired of looking at my out-of-date site just to realize I'm too lazy (I know pennino) to update my works. Poor, poor print designers. I don't know how you do it, especially with everyone expecting an online portfolio. And nothing rings cheap and unprofessional as "Powered by Wordpress - Theme designed by NOT YOU".
  • Posted: October 16, 2007 13:32

    Beth Plaisted

    For print designers do you think 'Powered by Word Press' is still a big problem? I was pretty proud of myself to have gotten something off the ground at all?? Maybe I can just switch my stuff over to this new template and get out of the Word Press circle? The site isn't up in case you are wondering, I'm still finishing up the build, and I'm a new student, so there isn't much to show off anyway.
  • Posted: October 16, 2007 13:54

    Adam Dill

    You should be proud! But, there are alternatives, and I would assume an employer may look more closely at a designer with a custom site, rather than 30 with the same wordpress theme. Similar to how Kevin mentioned Lightbox. It is a great script, with great usability and cross browser. But too many people use it, so you fall into the "oh, another one of these" category. Not that it is a bad thing, but what if you had something that not everyone else had. Grabbing the attention of an employer, I think, is good for any designer, Interactive or Print.
  • Posted: October 17, 2007 11:30

    Kevin M. Scarbrough

    To Jeremy: Wonderful, thank you! Yes I highly encourage everyone to post their portfolio (or at least samples) in all the various appropriate social networking tools available. The benefit (exposure) greatly outweighs the cost (time). To Adam: Yes I do read minds, the first consultation is free. I hope the experience was enjoyed by all! How are you planning on distributing the CMS? I'm very curious about this, I've noticed lately that one of the main draws to various web hosts are "one click installations" of things like WordPress or MovableType, or various shopping carts. My way of doing this is going to have everything housed in a single file for download that can be re-uploaded as-is and should work. Then the tinkering begins! Since there is apparent interest here, as I progress I'll post reports and shots of it here as progress is made. To Beth: My good madam, you've opened a can of fire. I'm going to answer your question first, then give some general advice because you hit on a few hot points. To answer your question directly: If you customize Wordpress so it becomes YOUR system and not a "Wordpress based template", then that is great. What I am trying to do is create a system that you can take and easily adapt into something you own -- something that has the look and feel of you and your portfolio. Wordpress is extremely powerful (which is great), but because it is so powerful it is extremely complicated (which is not great). My yet-to-be named system will be a starting point, you make it as powerful as you want -- BUT it will be VERY simple to use for people not very "code literate". Continued on various subjects: To be honest the days of a "print designer" are going away. Please **do not** think I am saying "print is going away", because this simply isn't true (look at magazine sales, look at book sales, look on the street at the proliferation of billboards, fliers, signs, posters, look in the offices, look at packaging and in-store point of purchase displays... the list goes on, and on, and on). What *is* going away, largely, is the value of being dedicated to one specific medium (be it web, print, guerrilla, motion, or whathaveyou). Do not be scared of knowing or not knowing the buttons that make things do what you want. I can barely spell PHP, but when a client comes to me and said "Kevin, here's a sack of cash, build my web site in the best way possible," I figure out what I want the web site to do, look, grow, and managed. Then I hire someone to do the button-pushing. How did I learn this? The same piece of advice Dennis will tattoo backwards onto your forehead so you see it every day in the mirror: Find someone who can produce what you want and ask them questions about what you can do, what you can't do, what has been done, what has never been done. The very first time I hired a programmer, I paid him a carton of cigarettes because the client had a miniscule budget and honestly couldn't afford his services (do not feel bad for the programmer, he was very well compensated by future jobs I brought him). To this day I still refer to him while I'm designing a web site, asking him those same four questions, and he still surprises the hell out of me with new suggestions and better ways to do things. In terms of print design (given that might be more relevant), think of it this way: is Valencia teaching you how to operate a Heidelberg? Of course not. You need to know how to think of the concept, how to design for it, and the fundamentals of the production to ensure it can and will be produced in the manner you envisioned (as opposed to the school, not Valencia, that will not be named, who's brochure caught fire on the press repeatedly because of the overlapping special effects they were using. Ask Dennis). You design, you pay someone else to print. Other mediums work EXACTLY the same with every production medium. You (should) not be seeking to learn how to design for print, but how to think, research, and feel. If you can do this, you can design anything. If your thinking is limited to the medium you are comfortable with executing, then your work will also be limited. As a new student, you are poised to take the greatest piece of advice I have to offer: Work harder and smarter than everyone else. Push everyone you are in class with to do the same, so it becomes a friendly arm's race (note: keep it friendly). When I was at Valencia, I competed constantly with several people and we all got better because of it. Constantly seek to add new skills in every facet you can possibly think of, on and offline. I started practicing calligraphy about 4 months ago, and in a week I'll be launching a web site that uses calligraphy for the display type and logo. Client nearly lost his mind, absolutely loved it. The harder you push yourself to learn new skills, the better your design will get, the better your portfolio will become, which leads to a better job. Variety shows your ability to think and influence in any situation -- no two clients are alike, no two jobs for even the same client are alike. If you are designing a poster for beer, push it further. Redesign the label, redo their logo, redo the box it comes in. Instantly you've just quadrupled the level of work in your portfolio and (more importantly) you now have a better idea on how to handle this situation in the real world.
  • Posted: October 19, 2007 13:56

    Adam Dill

    Kevin, I'm not sure what you mean by having a single file. I'm assuming you are making an html template file. You should at least separate you style sheets, and perhaps give a few different styles to start. That will help you structure your html in a flexible style, kind of like CSS Zen (where one sites html can be styled to look completely different). Also, one html file might not work simply because of the different page structures, eg. your resume page will look different from your contact page, and your portfolio should function as a completely separate module with it's own navigation and perhaps a different flow. This is the part I'm stuck on. I was creating a casing file that would include all the standard stuff such as a header navigation and optional components that may include "news roll", "latest projects", "freelance client login", or whatever I would create later. In the component list, I was going to include "portfolio". That would mean it could go anywhere on the site, and would function separate from the site itself. But that would mean, to modify the way the portfolio functions, you would have to start modifying some code using a framework that I would have created. Which is even more difficult than customizing Wordpress, because at least they have help forums and are well documented. So that is where I'm stuck. I'm trying to figure out how a beginner html coder can modify the structure of their site and still be completely open with the functioning, meaning, I don't want to build a lot of different "portfolio modules". So that is why I'm interested in seeing your solution.
  • Posted: October 21, 2007 13:00

    Adam Dill

    Here is an example of duplicate themes. Plus this is a pretty good article. http://tush.wordpress.com/2007/07/09/actionscript-3-creating-custom-event-handlers-using-eventdispatcher/ . Do you see anything that looks familiar?
  • Posted: October 25, 2007 13:34

    Beth Plaisted

    Thanks for the advice, I think several of us have a healthy competition going already, and we're having fun! I wish I could be more involved with the Graphic Design Group, but I work full-time and it seems like all the events are during business hours. Here's my stupidity confession... I had actually come to the conclusion that word press wasn't the best way to host my portfolio, so I found an html template and messed with it (extensively), so, what I actually have going up soon (regardless of my virtual lack of work to display in the portfolio) is a basic html/css site. it's way in progress, but you can see what i've got so far at www.bethplaisted.com. Suggestions welcome.
  • Posted: October 25, 2007 13:38

    Beth Plaisted

    ps- what's written there was from past summer when I was thinking of leaving my current job, since starting school havent' had time to even think about getting a new job or working on this site.
  • Posted: July 2, 2009 10:56

    Ghetto Tattoos

    Great infothanks (why i got an error when i try to subscribe to your feeds?)thanks
  • Posted: December 18, 2010 01:29

    snsd hoot

    This weblog is basically excellent, I assumed I do know a lot, but I’m so mistaken, like the prior saying the additional you already know, the additional you come across out how small you know. Thanks for the info.
  • Posted: February 22, 2011 09:32

    Desire Fielden

    My spouse and i ended up being absolutely excited when Albert could carry out his studies by way of the precious recommendations he was given while using the blog. It is now and again perplexing to just continually be handing out thoughts which the others might have been selling. And now we fully grasp we need the blog owner to appreciate because of that. Those explanations you made, the easy site navigation, the friendships you assist to foster - it's many terrific, and it is assisting our son in addition to us recognize that this content is exciting, and that's extraordinarily vital. Many thanks for the whole lot!