28 March 2004

Wubb 2 : Wubbleyew.com re-development

As I have grown increasingly towards the idea of working for my self some day (some day – I don't know when), I have also spent a lot of time looking at other company sites, and personal portfolios. Only to realise, that wubbleyew.com is woefully inadequate.

Not the actual work I have done (though I do admit that my portfolio work does not jump out and hit you), but the presentation as a whole, and the way that I am appealing to the visitor. It is just too amateurish, and single-person based. You can tell it is about one person, and not a collaboration of people.

I want people to feel as if it is about a collaborative effort, because I am a true believer in having the best person for the job, do the job. If I know someone that can do some aspect of the work better than I could, I will try and get him or her involved in the work. I want to offer the client the best possible outcome.

For this reason I am going to start towards a better wubbleyew.com. And, I am going to start by highlighting the areas of the current site that give me the most concern.

What I’ve got that’s wrong (page by page)

Home

The content on this page just does not ‘do it' at the moment. I am not sure what to put on here at the moment. I think a link to the latest project – with thumbnail images – would be of great help to direct people to the portfolio straight away.

About

This page is about me, and I think that is a problem. I don't want people to think of wubbleyew.com as a single-person thing, even though it is. Maybe I will go with Zeldman's “we” speech, or maybe I will be a bit more vague and have another page ‘About Phil Baines' hidden away deeper into the site.

News

News about my work and the site. At the moment, this page is static. I want to make it more dynamic so that I can update it with ease.

Services

A list of services I can provide, but also a list of skills. This page feels as if it misses the point a bit, and I think that the skills section is a bit to much. Maybe I can put that into the ‘About Phil Baines' page.

Products

A list of products I provide - all one of them, and that one are not finished to a selling point. This page seems pointless at the moment.

Portfolio

Portfolio of work I have done, and I am doing. This is not organised enough. The original idea of having it in XML was that it would make it easy to update. But it doesn’t really. I learnt how to use XSLT thanks to this page, but it really doesn’t have to be like this. Also, the imagery of the page is not good enough. I want more images of the work I have done. The write-ups are good, but need to be rewritten to appeal to a different, more important audience. I might want to split the portfolio up into sections, but I haven’t decided on what would be appropriate. I will be trying to show some more impressive work in my portfolio as well. Even if it is work I did for myself, and as an experiment. It needs Wow-Factor!

Contact

Contact Information. Needs a form, and to be less person specific. Not to Phil Baines, but to Wubbleyew.com.

FAQ

Frequently asked questions. As of this moment, there is nothing here. I will keep a place for it, for when there is content. But until then, bye.

The Style Selector

Ok, not quiet a page, but still an integral part of the site. It was a good idea to show of the power of CSS, and my skills with it – but its gone too far now. It is limiting the development of the site, because I am catering for the style sheets, instead of the style sheet (singular) catering for the content. Maybe I can use the other designs as feature/concept work that I can place in my portfolio. Except that ‘silver’ style! That one will most probably never see the light of day again once it has gone.

My next steps

It is obvious that wubbleyew.com is not good enough for me as it is at the moment. I have highlighted some of the things about the site that really bothers me, or has grown to bother me.

Now, I just have to work addressing these issues and hopefully coming up with something better. I do, however like my current default design for the site, that is the ‘winter’ style. So I probably will keep that as the template. However, I will be scrapping the style selector, so that there is only ever one style at a time. Not that it wont change every now and again. I might put a copy of the old site (and its styles) into a '/old' directory for archive purposes, but I haven’t decided for sure.

What do you think of the points that I have brought out about my own site? Pease feel free to add your own constructive criticism.

Comments ( 8 )

  1. Hasan

    First, make sure you take anyone's advice (esp. mine) w/ a grain o' salt, after all, these are YOUR projucts...

    In general, I agree w/ you. Here's some things I think...

    1)Keep it tight! You're spread too thin. No link should be dead, all projects, sites, programs should be up and running, if it ain't done, don't tell us about it yet.

    2)Show me what you want me to see FIRST. You want me to see the portfolio? List it first, and have the first thing on there the work you are most proud of, and make sure it works perfectly, everything spelled right, links not broken, etc...

    3)Aim for your audience. You want it to be professional? Don't show shots of your friends drinking at a party, that goes somewhere else, not accessible from your professional site.

    After you have them thinking you're completely rpofessional, then you can mess around with styled forms, personal bio's, links to rock band sites (that work!) and such.

    I agree the winter theme is sweet and should stay the default, no style switcher is needed, the font is large enough too so you don't need a switcher for that either. Remember, I'm a user, not a designer, but I think I'm right on these points, they just make good business sense. Get it down to maybe 4 or 5 really tight pages, have everyone you know give their feedback, and then do it your own way. YOU ARE THE MAN!!!
    29 March 2004 at 03:48
  2. Hasan

    Oh, and I think those little blue XHTML/CSS buttons like Andy Budd has on his blog would fit your theme better...and sorry I mispelled some things, later bud.
    29 March 2004 at 03:51
  3. Phil Baines

    Those w3c icons on Andy Budd's site are perfect, you are right.

    I will have to find out if I can use them, or if they are his.

    The stuff you say about redundant links is very true. And about my band website. I will have to sort that site out some time soon. the band is going through a new start, so it might be good timing for a new site. But, I can only do so much. ;)

    What I have to do now is decide on what my new sections are going to be, and what I will put into each one.

    Any more suggestions out there?
    29 March 2004 at 15:22
  4. Jennifer Grucza

    Hi Phil, I think your ideas for projecting a more professional image are good ones.

    I would also suggest changing the writing style. Right now, it is somewhat chatty, like you're talking to a friend about what you've been up to. If you want this to be a company site, I would make sure that you're writing to the right audience. You have to sell yourself - show potential clients why they should hire you. Stay on topic - personal interests and comments on the weather should stay in your blog, and not on the About or News pages. :)

    Also, make sure you spell check! I caught one or two "quiet"s that should have been "quite".

    Hasan has good suggestions - I especially agree with the idea of omitting links to incomplete pages. It's so tempting to just put up what you have so far (like my site, which still has an incomplete design!), but for a professional web site, it's better just to show what's complete.
    30 March 2004 at 00:46
  5. Jennifer Grucza

    Whoops, I guess spell check wouldn't catch something like "quiet" vs. "quite", now would it? So in addition to spell check, you should have another person sit down to proofread. :)
    30 March 2004 at 00:51
  6. Phil Baines

    Thanks for your comments Jennifer.

    Yeah, proof reading is a must. I don't think I had a proofreader around when I did the site in January. Must this time...

    I like what your saying about my news page. It will have to change anyway because a lot of the content will be made redundant by getting rid of things like the style selector.

    I will definitely try and keep it more formal in the future.
    30 March 2004 at 01:12
  7. Eric

    I agree with what has been said; it is a difficult subject...I'm trying to balance both with my site - I don't want a separate log site - I'm not that professional..., so I have it accessible from my front page, but I have to be maybe more careful than I would like to be to not post anything that would detract from my professional image.

    By the way, thanks for the link and the compliments! I appreciate it.
    31 March 2004 at 04:55
  8. texas holdem tables

    texas holdem tables

    <h1> You may find it interesting to check the sites about<A HREF="http://www.e-poker-777.com/poker-download.html"> poker download </A> poker download <A HREF="http://www.e-poker-777.com/poker-download.html"> http://www.e-poker-777.com/poker-download.html</A> <br/> <A HREF="http://www.e-poker-777.com/strategies-for-texas-hold-em.html"> strategies for texas hold em </A> strategies for texas hold em <A HREF="http://www.e-poker-777.com/strategies-for-texas-hold-em.html"> http://www.e-poker-777.com/strategies-for-texas-hold-em.html</A> <br/> <A HREF="http://www.e-poker-777.com/caribbean-poker.html"> caribbean poker </A> caribbean poker <A HREF="http://www.e-poker-777.com/caribbean-poker.html"> http://www.e-poker-777.com/caribbean-poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/poker-rooms.html"> poker rooms </A> poker rooms <A HREF="http://www.e-poker-777.com/poker-rooms.html"> http://www.e-poker-777.com/poker-rooms.html</A> <br/> <A HREF="http://www.e-poker-777.com/free-texas-hold-em-poker-games.html"> free texas hold em poker games </A> free texas hold em poker games <A HREF="http://www.e-poker-777.com/free-texas-hold-em-poker-games.html"> http://www.e-poker-777.com/free-texas-hold-em-poker-games.html</A> <br/> <A HREF="http://www.e-poker-777.com/poker-tour.html"> poker tour </A> poker tour <A HREF="http://www.e-poker-777.com/poker-tour.html"> http://www.e-poker-777.com/poker-tour.html</A> <br/> <A HREF="http://www.e-poker-777.com/video-poker-games.html"> video poker games </A> video poker games <A HREF="http://www.e-poker-777.com/video-poker-games.html"> http://www.e-poker-777.com/video-poker-games.html</A> <br/> <A HREF="http://www.e-poker-777.com/online-casino-poker.html"> online casino poker </A> online casino poker <A HREF="http://www.e-poker-777.com/online-casino-poker.html"> http://www.e-poker-777.com/online-casino-poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/free-video-strip-poker.html"> free video strip poker </A> free video strip poker <A HREF="http://www.e-poker-777.com/free-video-strip-poker.html"> http://www.e-poker-777.com/free-video-strip-poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/cowboy-poker.html"> cowboy poker </A> cowboy poker <A HREF="http://www.e-poker-777.com/cowboy-poker.html"> http://www.e-poker-777.com/cowboy-poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/world-series-of-poker.html"> world series of poker </A> world series of poker <A HREF="http://www.e-poker-777.com/world-series-of-poker.html"> http://www.e-poker-777.com/world-series-of-poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/poker.html"> poker </A> poker <A HREF="http://www.e-poker-777.com/poker.html"> http://www.e-poker-777.com/poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/free-poker-tournaments.html"> free poker tournaments </A> free poker tournaments <A HREF="http://www.e-poker-777.com/free-poker-tournaments.html"> http://www.e-poker-777.com/free-poker-tournaments.html</A> <br/> <A HREF="http://www.e-poker-777.com/free-online-poker-game.html"> free online poker game </A> free online poker game <A HREF="http://www.e-poker-777.com/free-online-poker-game.html"> http://www.e-poker-777.com/free-online-poker-game.html</A> <br/> <A HREF="http://www.e-poker-777.com/party-poker-bonus-code.html"> party poker bonus code </A> party poker bonus code <A HREF="http://www.e-poker-777.com/party-poker-bonus-code.html"> http://www.e-poker-777.com/party-poker-bonus-code.html</A> <br/> <A HREF="http://www.e-poker-777.com/poker-players.html"> poker players </A> poker players <A HREF="http://www.e-poker-777.com/poker-players.html"> http://www.e-poker-777.com/poker-players.html</A> <br/> <A HREF="http://www.e-poker-777.com/poker-tables.html"> poker tables </A> poker tables <A HREF="http://www.e-poker-777.com/poker-tables.html"> http://www.e-poker-777.com/poker-tables.html</A> <br/> <A HREF="http://www.e-poker-777.com/party-poker.html"> party poker </A> party poker <A HREF="http://www.e-poker-777.com/party-poker.html"> http://www.e-poker-777.com/party-poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/poker-forum.html"> poker forum </A> poker forum <A HREF="http://www.e-poker-777.com/poker-forum.html"> http://www.e-poker-777.com/poker-forum.html</A> <br/> <A HREF="http://www.e-poker-777.com/online-texas-hold-em.html"> online texas hold em </A> online texas hold em <A HREF="http://www.e-poker-777.com/online-texas-hold-em.html"> http://www.e-poker-777.com/online-texas-hold-em.html</A> <br/> <A HREF="http://www.e-poker-777.com/free-poker-game-download.html"> free poker game download </A> free poker game download <A HREF="http://www.e-poker-777.com/free-poker-game-download.html"> http://www.e-poker-777.com/free-poker-game-download.html</A> <br/> <A HREF="http://www.e-poker-777.com/texas-hold-em-strategy.html"> texas hold em strategy </A> texas hold em strategy <A HREF="http://www.e-poker-777.com/texas-hold-em-strategy.html"> http://www.e-poker-777.com/texas-hold-em-strategy.html</A> <br/> <A HREF="http://www.e-poker-777.com/how-to-play-texas-holdem.html"> how to play texas holdem </A> how to play texas holdem <A HREF="http://www.e-poker-777.com/how-to-play-texas-holdem.html"> http://www.e-poker-777.com/how-to-play-texas-holdem.html</A> <br/> <A HREF="http://www.e-poker-777.com/online-video-poker-game.html"> online video poker game </A> online video poker game <A HREF="http://www.e-poker-777.com/online-video-poker-game.html"> http://www.e-poker-777.com/online-video-poker-game.html</A> <br/> <A HREF="http://www.e-poker-777.com/card-poker.html"> card poker </A> card poker <A HREF="http://www.e-poker-777.com/card-poker.html"> http://www.e-poker-777.com/card-poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/on-line-poker.html"> on line poker </A> on line poker <A HREF="http://www.e-poker-777.com/on-line-poker.html"> http://www.e-poker-777.com/on-line-poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/texas-holdem-odds.html"> texas holdem odds </A> texas holdem odds <A HREF="http://www.e-poker-777.com/texas-holdem-odds.html"> http://www.e-poker-777.com/texas-holdem-odds.html</A> <br/> <A HREF="http://www.e-poker-777.com/poker-hand.html"> poker hand </A> poker hand <A HREF="http://www.e-poker-777.com/poker-hand.html"> http://www.e-poker-777.com/poker-hand.html</A> <br/> <A HREF="http://www.e-poker-777.com/free-online-poker.html"> free online poker </A> free online poker <A HREF="http://www.e-poker-777.com/free-online-poker.html"> http://www.e-poker-777.com/free-online-poker.html</A> <br/> <A HREF="http://www.e-poker-777.com/video-poker.html"> video poker </A> video poker <A HREF="http://www.e-poker-777.com/video-poker.html"> http://www.e-poker-777.com/video-poker.html</A> <br/> - Tons of interesdting stuff!!! </h1>
    20 May 2005 at 15:06

Sorry, commenting has been disabled for a while. I am getting a stupid amount of comment spam, and need to find a new way of doing things.

I will not publish your email address, but I may use it to get in contact with you.

HTML tags and entities display as source; they do not render. To create a live link, simply type the URL (including http://).

Topics

  • I am more than willing to admit the big gaps in my knowledge on many topics, including web development. This is a topic I use to get help from the community, and my imaginary audience.
    Ask the Audience
  • Even though looking pretty is not the most important layer to a succesful web site (I don't think there is a Most Important), it does help!
    Graphic Design
  • Have you got a sense of?
    Humor
  • The glam, the sadness, the joy, the madness.
    Life of Findel
  • What ever doesn't fit
    Misc
  • I have a crappy camera, but I do try. A good artist always blames his tools.
    Photography
  • Here I chat about projects I am working on, going to work on, or finished. Some of them I will be happy to let you in on, others I will be ashamed of.
    Project Watch
  • Site news and updates
    Site Info
  • Keepin' an eye on the wwwubb
    Watching The Web
  • This topic will be used for talking about all manner of project management issues relating to Wed Development (Wubb Development). Where we may talk about how to code in the Wubb Development topic, we will be more likely to talk about giving quotes, or planning projects, in this topic.
    Working with Wubbs
  • All things Web Development - Web standards, Hacks, Graphics, and more.
    Wubb Development