HOME | DD
splat — greenprobe Website Design
Published: 2004-10-04 14:38:17 +0000 UTC; Views: 50545; Favourites: 167; Downloads: 9743
Redirect to original
Description
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:
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.
Related content
Comments: 54
Pretty darn sharp. It's hard to use yellow with being too bright, but you did it!
👍: 0 ⏩: 0
heyyyyyyyyy nice work, goes to
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
👍: 0 ⏩: 0
this is nice... what should i call it... greenish???
👍: 0 ⏩: 0
Love the design and the colors, really nice and simple!
Regards,
👍: 0 ⏩: 0
Very clean cut design mate, great work ~ the text seems a little blurry tho try sharpen it up
👍: 0 ⏩: 0
Very green. Green designs are hard to pull off, but you have done a good job.
👍: 0 ⏩: 0
It looks like justwatchthesky.com.
Pretty much inspiration?
👍: 0 ⏩: 0
Excellent Work, personal favorite, if only I was so talented.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
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|
👍: 0 ⏩: 0
great interface, I like composision and the fact it's very simple and clean,
very good certain of yellow and green
great job
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
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 
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
Again great job bro.
👍: 0 ⏩: 0
Exquisite, and very clean... a superb design job 
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
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!
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 1
so you took his site, made it green and put jark's characters on it?
cool, i cna see how that isnt copying -_-
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 0
What a fantastic website!! Its a shame however, that it looks SO similar to [link] .... nice colour combination though
👍: 0 ⏩: 0
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.
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!
👍: 0 ⏩: 0
Good luck with the contest! Very clean, eye catching design.
👍: 0 ⏩: 0
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 
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:
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!
👍: 0 ⏩: 1
Suuuuure you don't.
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.
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.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
the only thing i would change is the title area. the green[alien]probe and graphic just doesn't seem to work.
👍: 0 ⏩: 0
Very nice, gives mine one helluva run for it's money 
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
My new favorite entry... I really love the menu's.
I hope he adds you to the finalists man, this is a killer piece.
👍: 0 ⏩: 0
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?
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
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...
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
It's nice, it's clean warm and not garrish despite being yellow and green.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 0
| Next =>