Log In · Register

 

Resource Center Links

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources

Submission Guidelines

 
 Reply to this topicStart new topic
New website layout!, Monkey Robot
Rating 4 V
mipadi
post Apr 11 2009, 01:25 PM
Post #1


Senior Member
******

Group: Administrator
Posts: 2,648
Joined: Apr 2008
Member No: 639,265
After having the same basic layout for almost 5 years, I've finally redesigned my website. It's nothing flashy, but I now present to you the new and improved Monkey Robot! Here's a preview:



Here are some of the goals I had in redesigning the site:
  1. Minimalist design emphasizes the content of the site.
  2. Almost all dimensions are specified using ems, which means the site should scale well under multiple resolutions and screen DPI's. (Previously, dimensions were expressed in pixels, which meant that the site didn't look that great in high resolutions or on really sharp screens.)
  3. Human-friendly URLs!

(Much thanks to Janette for designing the text for the website logo, and everyone else who lent a hand in tweaking the logo for me.)
 
Mikeplyts
post Apr 11 2009, 01:33 PM
Post #2


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
Well, it's awesome! I like the logo too! (I had some other ideas in mind for the logo but w/e. :p) The only thing that kind of bugs me is how the left side is fixed. Idk, it kind of looks unprofessional and a bit annoying. Otherwise, good job! thumbsup.gif
 
jiyong
post Apr 11 2009, 02:46 PM
Post #3


사랑해 ~ 我愛你 ♥
*****

Group: Design Staff
Posts: 825
Joined: Jan 2007
Member No: 492,587
I like it (: It's simple and effective-looking. I really like that logo haha (x Only thing is that if I saw the logo without the name, I wouldn't think of a monkey robot... lol.
 
Maccabee
post Apr 11 2009, 02:54 PM
Post #4


Senior Member
*******

Group: Official Designer
Posts: 5,880
Joined: Nov 2007
Member No: 593,382
QUOTE(Mikeplyts @ Apr 11 2009, 01:33 PM) *
Well, it's awesome! I like the logo too! (I had some other ideas in mind for the logo but w/e. :p) The only thing that kind of bugs me is how the left side is fixed. Idk, it kind of looks unprofessional and a bit annoying. Otherwise, good job! thumbsup.gif

Once again I have to disagree, haha. I like it. For those who can pull it off it looks great. I think you should kinda divide those two areas.

_unsure.gif mellow.gif

Not sure if that really works and it kinda messes it up but just something would help. Or you could just add a thin border.

But your site looks awesome!
 
Mikeplyts
post Apr 11 2009, 03:03 PM
Post #5


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
Yeah, a gradient background like you mentioned in the other thread would look cool, I think. The gradient would have to be pretty light though. shrug.gif
 
mipadi
post Apr 11 2009, 03:05 PM
Post #6


Senior Member
******

Group: Administrator
Posts: 2,648
Joined: Apr 2008
Member No: 639,265
QUOTE(jcp @ Apr 11 2009, 03:54 PM) *
_unsure.gif mellow.gif

Not sure if that really works and it kinda messes it up but just something would help. Or you could just add a thin border.

But your site looks awesome!

That actually does look kind of cool, maybe it could work. Except I don't really know how to make the graphic for the border.
 
Mikeplyts
post Apr 11 2009, 03:09 PM
Post #7


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
QUOTE(mipadi @ Apr 11 2009, 04:05 PM) *
That actually does look kind of cool, maybe it could work. Except I don't really know how to make the graphic for the border.


You could just make the graphic and set it to a repeat-y on the body background. Then, position it to the right spot. Like this:

CODE
body {
background-color:#FFFFFF;
background-image: url("http://www.url.com/graphic/imageurlhere.png");
background-repeat:repeat-y;
background-attachment:scroll;
background-position:### 0px;
}

(Replace ### with the value to position it to the right.)
 
Maccabee
post Apr 11 2009, 03:13 PM
Post #8


Senior Member
*******

Group: Official Designer
Posts: 5,880
Joined: Nov 2007
Member No: 593,382
I know how to do it. It was an idea though. Cause im not sure he will want to.
QUOTE(mipadi @ Apr 11 2009, 03:05 PM) *
That actually does look kind of cool, maybe it could work. Except I don't really know how to make the graphic for the border.


I can make any graphics you need. And I agree that your site needs a background. Its just about finding the right one. haha, and then you could maybe give the left side a seperate background.
 
mipadi
post Apr 11 2009, 03:27 PM
Post #9


Senior Member
******

Group: Administrator
Posts: 2,648
Joined: Apr 2008
Member No: 639,265
QUOTE(Mikeplyts @ Apr 11 2009, 04:09 PM) *
You could just make the graphic and set it to a repeat-y on the body background. Then, position it to the right spot.

Yeah, I know how to do the CSS -- just don't know how to make the graphic.
 
Mikeplyts
post Apr 11 2009, 03:30 PM
Post #10


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
QUOTE(mipadi @ Apr 11 2009, 04:27 PM) *
Yeah, I know how to do the CSS -- just don't know how to make the graphic.


Oh, my bad. tongue.gif (From Joseph's perspective) It just looks like a black to white gradient set a 180 degree angle and a bit lowered opacity. shrug.gif I could make it for you if you want. mellow.gif

EDIT:

Well, I went ahead and made it.
 
Maccabee
post Apr 11 2009, 04:45 PM
Post #11


Senior Member
*******

Group: Official Designer
Posts: 5,880
Joined: Nov 2007
Member No: 593,382
One drop horizontal drop shadow coming up!

QUOTE(Mikeplyts @ Apr 11 2009, 03:30 PM) *
Oh, my bad. tongue.gif (From Joseph's perspective) It just looks like a black to white gradient set a 180 degree angle and a bit lowered opacity. shrug.gif I could make it for you if you want. mellow.gif

EDIT:

Well, I went ahead and made it.


Thats just a gradientm not really a drop shadow.
 
Mikeplyts
post Apr 11 2009, 04:47 PM
Post #12


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
QUOTE(jcp @ Apr 11 2009, 05:45 PM) *
One drop horizontal drop shadow coming up!

Thats just a gradientm not really a drop shadow.


Still kind of looks the same. shrug.gif
 
manny-the-dino
post Apr 11 2009, 05:52 PM
Post #13


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468
I really like the layout; it's simple. And I love that the left side is fixed. I prefer fixed layouts. If you were to go with Joseph's idea I think it'd look fine as well. Very nice, Michael. thumbsup.gif
 
arcanum
post Apr 11 2009, 06:47 PM
Post #14


:)
******

Group: Staff Alumni
Posts: 1,636
Joined: Jul 2004
Member No: 34,459
Looks superb, Michael. I really like it a lot. The monkey is cute, and I like the whole apple/banana/laptop idea. hehe
 
*Janette*
post Apr 12 2009, 01:06 AM
Post #15





Guest
No problem Michael (:
I actually like the way it looks the way it is. Simplicity gets two thumbs up.
 
mipadi
post Apr 12 2009, 10:25 AM
Post #16


Senior Member
******

Group: Administrator
Posts: 2,648
Joined: Apr 2008
Member No: 639,265
I made a few slight changes to the layout this morning. I removed the fixed logo (I know a few people liked it, but I think it was a bit distracting, particularly when reading the comments on blog posts). I also made the logo a bit smaller so it doesn't take up so much horizontal space.

Thanks for all the feedback, everyone. _smile.gif
 
Mikeplyts
post Apr 12 2009, 11:02 AM
Post #17


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
Nice update. thumbsup.gif
 
Mickey
post Apr 12 2009, 11:05 AM
Post #18


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127
Shame. I think it looked better fixed.
 
mipadi
post Apr 12 2009, 11:39 AM
Post #19


Senior Member
******

Group: Administrator
Posts: 2,648
Joined: Apr 2008
Member No: 639,265
QUOTE(Mike @ Apr 12 2009, 12:05 PM) *
Shame. I think it looked better fixed.

Yeah, I was kind of torn on the decision, too... But I think that having the logo immediately next to comments (this situation) was a bit distracting -- too many graphics being shown at once.
 
-SoDifferent
post Apr 12 2009, 12:05 PM
Post #20


Member
**

Group: Member
Posts: 22
Joined: Apr 2009
Member No: 722,748
Wow. I like it. I think it's really nice. I love monkeys so anything cute with a monkey has kudos from me.
 
mipadi
post Apr 15 2009, 09:32 PM
Post #21


Senior Member
******

Group: Administrator
Posts: 2,648
Joined: Apr 2008
Member No: 639,265
I made a slight update to the site -- I moved the About box to the bottom of the page.

www.monkey-robot.com
 
superstitious
post Apr 15 2009, 09:37 PM
Post #22


Tick tock, Bill
*******

Group: Administrator
Posts: 8,764
Joined: Dec 2005
Member No: 333,948
I really respect the content over graphic approach. It looks nice as well.
 
mipadi
post Apr 15 2009, 09:40 PM
Post #23


Senior Member
******

Group: Administrator
Posts: 2,648
Joined: Apr 2008
Member No: 639,265
QUOTE(superstitious @ Apr 15 2009, 10:37 PM) *
I really respect the content over graphic approach. It looks nice as well.

Thank ya. _smile.gif

Speaking of content over graphics, I've lately come to admire this blog. The layout's pretty basic, but I really like what he did with the look-and-feel.
 
mipadi
post Apr 15 2009, 09:46 PM
Post #24


Senior Member
******

Group: Administrator
Posts: 2,648
Joined: Apr 2008
Member No: 639,265
QUOTE(divergent @ Apr 15 2009, 10:43 PM) *
I skimmed a few of the posts. I think they're a bit long. Not sure what type of audience you're after. I'm not sure that the font fits the graphic, But it's more important to you that you like it.

I've never been known for my succinctness. But still, I think the longest post on the front page is only about 1000, which is the length of a medium-length newspaper column.
 
« Next Oldest · Showcase Booth · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic