Shop Mobile More Submit  Join Login
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:
 
:iconblindsoul10:
BlindSoul10 Featured By Owner Aug 27, 2011  Hobbyist Photographer
Looks amazing! :) Let me know incase you need a coder
Reply
:iconbaloney12:
baloney12 Featured By Owner Aug 17, 2010
I like this one. It doesn't hurt my eyes.
Reply
:icontexxs:
texxs Featured By Owner Jul 27, 2010
Pretty darn sharp. It's hard to use yellow with being too bright, but you did it!
Reply
:iconzee7:
zee7 Featured By Owner Jan 27, 2008  Professional Interface Designer
nice very coOOooOool.
check my recent work tooOo :wow:
Reply
:iconlechrous:
lechrous Featured By Owner Sep 13, 2007
heyyyyyyyyy nice work, goes to :+fav:

and I think the Ts are pretty good, but what you need to is make space between base of T and the box exactly same in height in all three, that way they'll stand out,

and don't change the font
Reply
:iconan9el33:
an9el33 Featured By Owner Jul 23, 2007
this is nice... what should i call it... greenish??? :)
Reply
:iconsweet-mei:
sweet-Mei Featured By Owner Feb 13, 2007
very nice! :)
Reply
:iconpratikshah:
pratikshah Featured By Owner Feb 3, 2007
great green & yellow combination website
Reply
:iconlurst:
LuRsT Featured By Owner Sep 17, 2006
i just love that style dude! keep the great work!
Reply
:iconvectamedia:
vectamedia Featured By Owner Jul 22, 2006   Interface Designer
Love the design and the colors, really nice and simple!

Regards,
Reply
:iconrenovatio:
renovatio Featured By Owner Sep 11, 2005
Very clean cut design mate, great work ~ the text seems a little blurry tho try sharpen it up :)
Reply
:iconagati0:
Agati0 Featured By Owner May 21, 2005   Digital Artist
Nice design, real clean.
Reply
:iconagati0:
Agati0 Featured By Owner Apr 27, 2005   Digital Artist
Very green. Green designs are hard to pull off, but you have done a good job.
Reply
:iconmadsass:
Madsass Featured By Owner Feb 3, 2005
It looks like justwatchthesky.com.
Pretty much inspiration? :D
Reply
:iconpennylessz28:
pennylessz28 Featured By Owner Jan 9, 2005
Excellent Work, personal favorite, if only I was so talented.
Reply
:iconvozzz:
vozzz Featured By Owner Dec 13, 2004  Professional Filmographer
THat is amazing. Damn it I want to make my web page look something like that, but I feel bad about copying it. Like It's not like i'll rip it or anyhting, Just the style is very cool, oh well we'll see. If you do stumble upon it and think I've used to much of your design just note me and I'll take it down. i say this because there is a high probablity that I'll be to Lazy and will not finish it. ;)
Reply
:iconstrawberryjar:
StrawberryJar Featured By Owner Nov 17, 2004  Hobbyist Artisan Crafter
This is some sweet and playfull stuff! I adore it! Love the colors, although they remind me a bit too much of the local soccer-team's colors ;)

I'd say this design is too great to be mainly used for little pictures 8|
Reply
:icontrevor-gfx:
trevor-gfx Featured By Owner Nov 9, 2004
great interface, I like composision and the fact it's very simple and clean,
very good certain of yellow and green

great job
Reply
:iconandrohazard:
Androhazard Featured By Owner Nov 8, 2004   Interface Designer
amazing consept :) Descreet yet very stylish :aww:
Reply
:iconlady-atropos:
lady-atropos Featured By Owner Nov 4, 2004
This is pretty cool for the fact your brave enough to use colors not commonly used for websites. It's bold, colorful, and well laid out.
Reply
:iconstatichavoc:
statichavoc Featured By Owner Oct 19, 2004  Hobbyist Traditional Artist
splat sir it's been too long... i've been away for about a month and this is the classy stuff i miss... i might just have to commission you for some work on statichavoc.com :) since i'm super busy trying to buy a house and prepare for the birth of a child!.... bah anyway enough of my problems on to your layout.

Regardless of the previous snide comments on the likenesses with JWTS... i've done the same... inspired by someone else's work, layout, etc is what art is all about... and webdesign is no different. This is by far one of your best works... and you just keep getting better with time. Despite the similarities there are MANY differences that the poor misguided fool somewhere posting before me neglecting to either mention or notice. Regardless... you did a damn fine job. This is something to be proud of kind sir....

now about that commission or perhaps maybe i'll offer up a contest of my own with similar prizes :) hoping people of your talent and foresight will compete :)

Again great job bro.
Reply
:iconstraightjacket:
straightjacket Featured By Owner Oct 12, 2004
Exquisite, and very clean... a superb design job :D I believe in all honesty that the design is your own, it wouldn't be so good otherwise :) Though I can see some parts where you got your ideas from justwatchthesky and other parts where evgord's design shows up pretty clearly. There are also a few design favorites in there that I would love to try out myself, like the text sizes and the simple quote box with the " . A very cool and clean design.
Reply
:icontheryanford:
TheRyanFord Featured By Owner Oct 12, 2004  Professional Interface Designer
Nice work, as you know. If you're going to use the Lorem Ipsum writing, go to lipsum.com and have it formulate paragraphs for you. Repetetive type like "lorem ipsum dolor sit amet" can be distracting. You'd be better off copy+pasting random words just so you get a good rag.
Reply
:iconkkz:
kkz Featured By Owner Oct 10, 2004  Professional Interface Designer
CAN YOU SAY STOLEN FROM [link] OMG!
Maybe not identical, but come on, come up with your own stuff man.

It's obvious you were TRYING to copy JWTS, and that you didnt just coincidentally get
a similar layout after having a sub-concious image of the site in your head.

bad person!
Reply
:iconsplat:
splat Featured By Owner Oct 10, 2004  Professional Interface Designer
As I've already stated twice now, in a comment on $jark's journal and in a comment on his poll, this design took a lot of inspiration from JWTS. It also took inspiration from a number of other sites, such as Evgord and numerous other design blogs.

Rather than repeat myself for the third time about why it looks so similar to JWTS or how very, very different many of the elements of this design (and the underlying code) are, go read the two comments above.

There's a difference between copying something and using the same basic design principles.
Reply
:iconkkz:
kkz Featured By Owner Oct 11, 2004  Professional Interface Designer
so you took his site, made it green and put jark's characters on it?
cool, i cna see how that isnt copying -_-
Reply
:iconsplat:
splat Featured By Owner Oct 11, 2004  Professional Interface Designer
:pointr: so you took his site, made it green and put jark's characters on it?

Yes, that's exactly what I did. </ sarcasm>

You obviously can't be bothered to read the two prior comments I made about the resemblence of JWTS on how different this design is (and how similar it is, at the same time), so I can't be bothered to respond to your comment at length.
Reply
:iconhakem:
hakem Featured By Owner Oct 9, 2004
What a fantastic website!! Its a shame however, that it looks SO similar to [link] .... nice colour combination though
Reply
:iconblackzer0:
blackzer0 Featured By Owner Oct 9, 2004
Yes! so glad the header has been changed, I didn't like it that much but didn't know how to express it. "Explicit" is very well said. :D

My other comments stand. The site is looking even greater now.
I'd say you have a *pretty* good chance of pulling this off!

Good luck!
Reply
:iconlobsterclaws:
lobsterclaws Featured By Owner Oct 9, 2004
Good luck with the contest! Very clean, eye catching design. =D
Reply
: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
Add a Comment:
 
×




Details

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

Stats

Views
42,562
Favourites
173 (who?)
Comments
54
Downloads
9,737
×