Shop Mobile More Submit  Join Login
×




Details

Submitted on
October 4, 2004
Image Size
215 KB
Resolution
885×868
Thumb

Stats

Views
42,385
Favourites
175 (who?)
Comments
54
Downloads
9,736
×
greenprobe Website Design by splat greenprobe Website Design by splat
This was my design idea for $jark's contest to redesign his personal blog, green[alien]probe. More details on the contest can be found in his journal entry.

Though this is late and the finalists have already been chosen, I wanted to get this submitted since I spent so much time on it. I just wish I had more free time so I could've finished it before the conclusion of the contest.

Since this is truly a blog website, I based this new design off of a few other blog sites I frequent, along with the few $jark had mentioned in his journal. I went for bright contrast between the yellow and the green (after all, the yellow alien and green probe should be properly represented), but tried to keep the layout fairly simple. You'll notice the nice big butt in the upper left along with the yellow alien and his green probe. This is similar to $jark's avatar, the jark 0wns you one.

Anyway, I'd love to hear your thoughts on this since it probably won't get used. Give me the good, the bad, or whatever else you've got. I'm listening.

Update: 10/11/2004
Last update, I think.

Yes, this design is very similar to JustWatchTheSky. No, it isn't a copy. No, the code wasn't stolen. Yes, this design is very different from JWTS in many ways.

I've been catching a lot of slack on this topic. While I agree this design is heavily inspired by JWTS, it is in fact very different. $jark is also aware of the similarities and doesn't think it's a problem. There are many sites that use the same basic concept as JWTS from which I also gathered inspiration.

Lastly, I'm proud to announce this design won the green[alien]probe design contest held by the one and only $jark. Thanks so much for all of your support!

Update: 10/8/2004
This is my (hopefully) final edit of this piece. Due to some feedback in $ jark's direction about the somewhat explicit nature of the probing of the buttocks in the header, I was moved to change it to something else. Mount Fuji , a monument of Japan, is now the focus of the yellow alien's green probe. I preferred the anal probing myself (don't take that the wrong way), but rather than offend some people, it's been changed.

Update: 10/7/2004
After talking to $jark briefly, I began marking this layout up in XHTML/CSS. This process took a heck of a lot longer than I had expected. After all the layout issues and the problems with IE, I think I spent over 30 hours on this project, from concept to finalized design.

There are a few changes here. The text navigation is now part of the tab navigation, and the rollovers work in IE and Mozilla/Netscape/etc., which is tougher than you would think (CSS positioning is not easy). The font size switcher works wonderfully, using a bit of Javascript and 3 separate stylesheets for font sizes. Some new icons made their way into the design as well.

The final "live" version is now available for your viewing pleasure at:

:earth: http://patrickhaney.com/portfolio/web/gr eenprobe

Update: 10/4/2004
I want to mention a few things quickly to clear up some confusion.

First off, there would be more than 1 blog posting on the page. I just decided to condense the preview to 1 post to keep the filesize down and to make the image a little smaller. There are also a lot more things in the sidebar normally as well.

Secondly, the 3 buttons in the header with the T's are for font size. The idea is that clicking any of these would automatically change the stylesheet's font size, increasing or decreasing it to your liking.
Add a Comment:
 
:iconmattdanna:
mattdanna Featured By Owner Oct 8, 2004  Hobbyist Interface Designer
I love that design Pat.
Nice job.
Reply
:icondigi-fix:
digi-fix Featured By Owner Oct 8, 2004
it is beautiful!
Reply
:iconsiron:
siron Featured By Owner Oct 7, 2004
:thumbsup: like the new changes.
Reply
:iconhalfliquid:
halfliquid Featured By Owner Oct 7, 2004
I definately favor this one over any of the others that I have stumbled across. I think that you have the whole atmosphere just, well .. down, so to speak for $jark. I mean, this is something that you'd dream that Scott has as a blog. (Not that I dream about those things though :slow:.)

:thumbsup:

Excellent work.

One thing that I sort of toy around with are the text-size buttons there. I've narrowed it down to two reasons why they look funk to me:

:pointr: There's not much variation in size between the "T"'s within them. I mean, there's no mistaking that there is a variation in size .. but I think some more contrast in size would of done it better, and
:pointr: All the "T"'s are within a box of the same size. Now, while I think this is good because it heightens the "T"'s within them, I think it would be more visually telling that, by clicking on it, it changes the text size.

I don't know though. Perhaps it's just me.

(I've seen sites that have the same type of text-enhancing features where it worked -- mabye it's the green hues and such that are throwing me off.)

Again: awesome!

:nod:
Reply
:iconsplat:
splat Featured By Owner Oct 7, 2004  Professional Interface Designer
:pointr: I mean, this is something that you'd dream that Scott has as a blog. (Not that I dream about those things though :slow: .)

Suuuuure you don't. :P

:pointr: There's not much variation in size between the "T"'s within them.

I agree, but in playing with the sizes I found that is was tough to make them any smaller than the smallest one and still be able to easily recognize it. I might play around with them again, but after about 20 minutes of trying out different font faced T's, I got a little tired of it.

:pointr: All the "T"'s are within a box of the same size. Now, while I think this is good because it heightens the "T"'s within them, I think it would be more visually telling that, by clicking on it, it changes the text size.

I see your point, and it was a consideration of mine, but I went with the same size boxes because I wanted to be able to add more of them for other CSS functions. For example, I was hoping at some point to add controls for alternate color stylesheets and also for text justification (justified or align left). Changing the size of the box would sort of throw off the continuity of the control boxes for those other things.

Also of note is the fact that the font size controls use alternate stylesheets, meaning that any modern browser can switch font sizes without those buttons (click the little style button in Firefox's status bar and you'll see what I mean). This means that non-Javascript users (I don't know why there are still any of them around) can still switch the font sizes if they're using a decent browser.
Reply
:icondawnsierra:
dawnsierra Featured By Owner Oct 7, 2004
Very nicely done... :clap:
Reply
:iconattila:
attila Featured By Owner Oct 7, 2004  Hobbyist Photographer
Probably the best and most unique layout submitted. Too bad it was a little late, this would have been the perfect layout for Greenprobe.com. I commented a lot more on the other two because I gave them some thoughts I had on how to improve them, this layout on the other hand is so perfect in my mind that I wouldn't change a thing.

If someone wanted to create a blog, an original design like this is one that would make it recognized. Great job * splat, I may call upon you at some time to do a design for my start-up. Not for free of course, this talent doesn't come cheap, I understand. :)
Reply
:iconmick-mick:
mick-mick Featured By Owner Oct 5, 2004  Hobbyist Interface Designer
Sleek, clean, effective.
I like the tabs. I like the color scheme and layout.
I can envision a working version of this already. Though I know my vision will pale in comparison to what you are working on.
It's the little things that make this for me. The tiny probes in places work well.
Looking good so far. :aww:
Reply
:iconwebphix:
webPHIX Featured By Owner Oct 5, 2004   Interface Designer
the only thing i would change is the title area. the green[alien]probe and graphic just doesn't seem to work.
Reply
:iconlevinet:
levinet Featured By Owner Oct 5, 2004   Interface Designer
Very nice, gives mine one helluva run for it's money :wow: The colours are great.. awesome work as always.
Reply
:iconlinuxkid76:
linuxkid76 Featured By Owner Oct 4, 2004
I love it, Good luck!!
Reply
:iconrasice:
rasice Featured By Owner Oct 4, 2004
wow i love this. everything so clean and fresh and very stylish. Great color scheme. I like how you have put the shadow underneath the left panel ~ great stuff. Only thing i would probbaly complain about is the title, doesnt really work with the rest of the site in my opinion. Nevertheless defintetly worthy of a favourite. great work mate.:D
Reply
:iconrasice:
rasice Featured By Owner Oct 4, 2004
wow i love this. everything so clean and fresh and very stylish. Great color scheme. I like how you have put the shadow underneath the left panel ~ great stuff. Only thing i would probbaly complain about is the title, doesnt really work with the rest of the site in my opinion. Nevertheless defintetly worthy of a favourite. great work mate.:D
Reply
:iconbanxter:
banxter Featured By Owner Oct 4, 2004
My new favorite entry... I really love the menu's.

I hope he adds you to the finalists man, this is a killer piece.

:)
Reply
:iconjark:
jark Featured By Owner Oct 4, 2004
do you have a live version of this design? i would really like to see it live so that i could compare it to the current two finalists. know what i mean?
Reply
:iconivyc:
ivyc Featured By Owner Oct 4, 2004
I love this design more then any of the others. Unfortunately I didn't see yours up in the list of possible entries. That is a fantastic design. I like how you used yeallow as a strong accent color without destracting from the primal green strenth the design draws from. I really like the various shades and tones of gree you used to set off the illusion of detail without destracting from the content. What makes me like this more then any of the others is the strong,,,, sharp and exact use of colors. Just enough to set things off without disrupting the eye away from whats really important. Great job!!! Too bad it wasn't a finalist... It totally desirves to be.
Reply
:iconficho:
ficho Featured By Owner Oct 4, 2004
Wow! Too bad you didn't finish it. It would be the best design $jark could get. I hope he will like it so much that he gives you a chance to finish it. I just don't like those 3 T's in header. I don't know why...
Reply
:iconblackzer0:
blackzer0 Featured By Owner Oct 4, 2004
I wish you had finished a live ersion in time for the contest. This would have been up there with the finalists.

I like the clean and glossy look to it. One of the first things I wondered about was 'where's the main navigation?' its position and size look too much like secondary navigation.... perhaps a more prominent place, like under the header.
The green active tab is also not well fused with the green below it.

Otherwise I like most of it; The text size option is quite thoughtful btw.

The design and layout are great. I hope you'll at least show this to Jark? The toony graphics are nice eye candy, especially the green probe on the top.
Reply
:icondxd:
dxd Featured By Owner Oct 4, 2004  Hobbyist Photographer
It's nice, it's clean warm and not garrish despite being yellow and green.
Reply
:icondanielrabjerg:
DanielRabjerg Featured By Owner Oct 4, 2004  Professional Interface Designer
Nice! But is there a working version? :P
Reply
:iconzealivityfive:
zealivityfive Featured By Owner Oct 4, 2004
i think you did a really good job on this. the only thing i dislike is the navigation at the top. i'd have enclosed it all in white. also it'd be nice to see how two posts would look.
Reply
:iconsiron:
siron Featured By Owner Oct 4, 2004
its good, time well spent. i think the header at the top should be changed, it doesnt look right. also there should be dropshadows under the butt and alien in the semi-top header, as there is dropshadow everywhere else. everything else looks good.
Reply
:iconwandringthunderstorm:
WandringThunderStorm Featured By Owner Oct 4, 2004
It friendly and easy to read - I like this as much as I like my favorite of the two he narrowed it down to - shame you didn't finish in time...
Reply
:iconlord-zany:
lord-zany Featured By Owner Oct 4, 2004
Looks great, clean and green, the way it should be
Reply
Add a Comment: