Serina Patterson

Online Magazine v4

By Serina Patterson

   on Jun 22, 2010
5 Reviews7 Votes1 Favorite445 Views

Concept Reviews

  • Jamal Jackson

    Jamal Jackson

    Rank: 1 Elite

    5207

    • Design: 5
    • Purpose: 5
    • Originality: 4
    • Engagement: 5
    1 Vote
    This review has been awarded.
    Looks Good!

    Posted on Jun 22, 2010 at 5:27 PM

    Hi Serina, this is a really nice looking site. You have made strong improvements from your previous versions of this design. The only things I would suggest is using icons instead of text for your connect section in the footer and bringing the content in the right colum of your third content area under your header away from the edge of the page.

    On the connect section, it seems more practical and would allow your visitors to take a quick glance at that area and get the gist of it.

    On the content in the right colum of your third content area under your header, it just seems to close to me.

    • Luke Marohn
      Luke Marohn commented:
      Posted: on Jun 22, 2010 at 11:48 PM

      HA! I have one more point than you!

    • Serina Patterson
      Serina Patterson commented:
      Posted: on Jun 23, 2010 at 12:08 AM

      Thanks for your suggestions, Jamal. I was debating on whether or not to add icons in the footer, but thought text would be okay since I have rss / twitter info above the page fold. I'll see if adding in icons works at the bottom as well. Also, you have good point about the right column.

      Cheers, Serina

  • Andy E

    Andy E

    Rank: 3 Superior

    4626

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    1 Vote
    This review has been awarded.
    read more links

    Posted on Jun 23, 2010 at 11:52 AM

    Great job with this design, Serina.

    I definitely like the concept with the image contained with the rest of the site, but I think the content tags, slideshow controls, and read more is a little much. Is the image caption necessary? Perhaps you could just combine it in the yellow title block and hang it over the page like you do in the most read and categories titles down the page.

    I think the continue reading links and the more links conflict a little. I think it would look better if you just hyperlinked the entire block of text, gave it an underline style and on hover made the underline go away. Then, the more articles, tutorials, etc... would look fine if they were left aligned.

    Lastly, there are a few elements that don't fit well in your 4 column grid.

    • The top story of the month picture should extend to the right a little more. I don't think its necessary to make it the 1/4 width to fit perfectly in that 3rd column if you extend it. In this case, the text and the image would account for 3/4 of the width.
    • The recent screencast images should be widened slightly and aligned properly in their grid columns.
    • The footer sections should make better use of the 4 column grid as well.

    Other than those minor tweaks, you are in great shape!

    • Serina Patterson
      Serina Patterson commented:
      Posted: on Jun 23, 2010 at 12:23 PM

      Thanks for the helpful feedback, Andy! I see what you mean about the conflicting links - I'm going to take your advice and simplify the blocks (will make for less elements on the page as well :))

      I added the slideshow controls, blurb, and content tags for usability reasons - originally I was going to just have a linking title and a "read more," but folks suggested a bit of content would make more sense. Changing the yellow title background to overhang and wrap instead of the beige might look better, so I'm going to give that a try :)

      Thanks for catching the grid issues too. This is my first time working with a grid and I must say it really makes you think about where content can be organized. In the end, though, I think the effort will pay off.

      Cheers, Serina

    • Andy E
      Andy E commented:
      Posted: on Jun 23, 2010 at 1:22 PM

      You got it! Let me know if you have any questions.

  • Avril Verhaeghen

    Avril Verhaeghen

    Rank: 3 Superior

    173

    • Design: 4
    • Purpose: 4
    • Originality: 3
    • Engagement: 5
    1 Vote
    This review has been awarded.
    Spacings

    Posted on Jun 24, 2010 at 1:01 PM

    Hello Serina,

    Nice work that you've don their! About design I've nothing to say, but only on the spacings between different sections.

    I had a long day at work so it could be that I'm writing bad English ;), so I'll try to be as clear as possible :)

    The space on the left side of the content is bigger then the space between content and sidebar, I recommend to keep it the same distance. Same thing for the sidebar, your text is almost on the border.

    To keep it simple and short, try to keep the spaces between sections and text coherent, this way it won't be a bit "weird" when your reading.

    I can give some more examples but I will do this later on if you want ;)

    All the best ;)

  • José Ivan Dos Santos Júnior

    José Ivan Dos Santos Júnior

    Rank: 10 Newbie

    15

    • Design: 5
    • Purpose: 5
    • Originality: 5
    • Engagement: 5
    0 Votes
    Draft

    Posted on Aug 17, 2010 at 4:13 PM

    Very Good

  • Luke Marohn

    Luke Marohn

    Rank: 1 Elite

    5069

    • Design: 2
    • Purpose: 4
    • Originality: 3
    • Engagement: 2
    0 Votes
    :|

    Posted on Jun 22, 2010 at 11:38 PM

    I honestly dont know what happened here. Personally, I liked v3 better.

    Here is what I dont think works:

    ORANGE NAV: The orange looks really ugly to me.. Thats all i have to say...

    BACKGROUND: The thing i like din v3 WAS the background, how the "slider" was incorperated into the background. besides being a boring background, its a boring color...

    COLORS: I can see you were trying to go with a more down to earth color scheme, But I dont think it was executed well, I see brown, Orange, grey, Blue, green, and then more orange.

    FONTS: I actually like the fonts you chose :) I think if you put them together with an earthy design it will look really nice. (5AM Gender?)

    Anyway, I wish i had more too say. Overall its a solid layout, but I'm not liking the navigation, header, or color scheme.

    Hopefully I'm not just tired or something.

    NOTE I would add some padding to the "Most read" and "catagories" tabs, I mean vertical padding. THAT, or you could have no vertical padding so the words kind of blend into the background! :)

    Good luck, Sorry for the low stars. :|

    • Serina Patterson
      Serina Patterson commented:
      Posted: on Jun 23, 2010 at 12:35 PM

      I guess this just isn't your cup-of-tea ;)

      The font is actually called "Bebas" - http://www.dafont.com/bebas.font

      I changed the colour scheme to reflect a more traditional palette (brown, orange, green) that would go well with a variety of images for the slideshow. The body links are blue as per convention. I also changed the slideshow to reflect a professional feel, which makes it look more like a magazine. I liked the slideshow as background idea too, but I think that this direction is better suited to the target audience.

      Nevertheless, I added in a third image here with a modified version of the original idea for comparison. If folks prefer that version, then I might revert back to that one.

      Thanks for the suggestion about the vertical padding.

      Cheers, Serina