SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)

    [LAYOUT] Azure Ronin Web Desing - Take 2

    Hello there,

    Well, this is my second take on my new website layout. I think it's a major improvement over the last version.

    Here is what the homepage will look like:
    http://www.aggis-topography.com/azur...at_layout1.png

    And here is what the secondary pages will look like:
    http://www.aggis-topography.com/azur...out1_page2.png

    The content areas in the homepage will pretty much be fixed (although I plan on coming up with some workable solution to allow for font-resizing), but in the secondary pages, the content area will just grow vertically as needed.

    Be brutal, don't sugar-coat it, and thanks in advance.

  2. #2
    SitePoint Zealot
    Join Date
    Apr 2007
    Location
    New London, CT
    Posts
    172
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I get a 404 when I try to view the .png

  3. #3
    SitePoint Wizard jimbo_dk's Avatar
    Join Date
    May 2005
    Location
    Singapore
    Posts
    1,261
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yups...same here. Getting a 404.
    Winners Respond. Losers React.
    Singapore Web Designer

  4. #4
    SitePoint Zealot detzX's Avatar
    Join Date
    Oct 2006
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Best error page ever.
    www.invoicejournal.com - Invoice clients for Free

  5. #5
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)
    Oops, I synced my site and killed that folder. They're back there now.

  6. #6
    SitePoint Member CSSgridruid's Avatar
    Join Date
    May 2007
    Location
    I live in the USA
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi , the only thing I would change is keep the main content centered in the middle of the page. yeah I know the image of your sword-dude needs to be included, but you'll find that in the most basic templates there is a side navigation bar typically ln the left-side that you'll want to be there, and not trifed with. Other than that I would try to restrict the many shades of grey you have to a three or four color - color scheme. Try to think how the contrasts could help emulate the warrior and thus bring subtle meaning to your site. So there you have it, Center the main content up , Beef up the contrasts and restrict the color. I'll send you my bill, J/K

  7. #7
    Always learning kigoobe's Avatar
    Join Date
    May 2004
    Location
    Paris
    Posts
    1,565
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi, I like the basic structure. What I will tell here ...

    1. You could try with some more color combinations to see what gives you the best look.

    2. Personally, I wouldn't have put the sword dude there, that looks sort of childish, like a cartoon character. Web design is a serious business, you need to look professional, unless of course you are targetting guys of 10 - 12 years. I would put some professional images there, if I am targetting serious customers.

    3. Also, why you are forgetting the 800 x 600 guys ?

    Just my point of view.

  8. #8
    SitePoint Zealot
    Join Date
    Jun 2007
    Location
    Ryde, Isle of Wight, UK
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi I like the structure of the site, but on first viewing I was expecting a Manga site.
    I think it looks as if it is aimed at Manga geeks and doesn't have the punch of a professional site.
    What are you trying to get across? You tag is good but he warrior gives the wrong impression.
    I like the colours, but would keep the number of different shade to the minimum because too many can make the text difficult to read especially in the bottom 4 boxes.

  9. #9
    SitePoint Wizard jimbo_dk's Avatar
    Join Date
    May 2005
    Location
    Singapore
    Posts
    1,261
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi again Smananime, you're on the right track this time. I prefer layout 1.

    1. Change "Azure Ronin Home" -> "Home". Simplicity is key.
    2. That 3D effect in the boxes is out of style right now.
    3. You'll need to work on your logo as well. Right now it's lacking a professional feel. Doing a smoother less complex logo with common a typeface will also come in handy when you decide to print business cards and letterheads.
    4. If you're intent on keeping the sword dude, take a look at these sites for some good examples of using illustration alongside content:
    http://veerle.duoh.com/
    http://www.malenehald.dk
    http://www.tunnel7.com/
    http://www.markforrester.co.za/

    Good luck...
    Winners Respond. Losers React.
    Singapore Web Designer

  10. #10
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)
    http://www.aggis-topography.com/azur...at_layout2.png

    I've removed my ronin image and centered the content (also made it a bit wider). I'm going to move him to the About Us page with the text wrapped around him (he'll start next to the menu and wrap where needed below that).

    I've also removed all of the inner shadows so now the boxes just have a simple gradient, with colors chosen directly from the header image, so they match better. It also ended up a bit brighter.

    Also, there are two more boxes which weren't in the last image.

  11. #11
    SitePoint Wizard jimbo_dk's Avatar
    Join Date
    May 2005
    Location
    Singapore
    Posts
    1,261
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I like the layout now. However, in terms of design, it's still a bit confusing. The header is illustrated and gives an anime feel. But then the body has gradients, and looks more modern. The 2 seem to clash. Here's a few more examples:

    http://www.designmeltdown.com/chapters/Illustrated/
    http://www.designmeltdown.com/chapters/GradientMadness/
    Winners Respond. Losers React.
    Singapore Web Designer


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •