Site Redesign

Discussion in 'Technical Projects' started by Ooka, Oct 11, 2012.

  1. Ooka

    Ooka

    Joined:
    Sep 14, 2007
    Messages:
    303
    I work as a web designer for Audentio Design, and recently took a stab at this site, here's what I came up with after a half hour or so:

    http://i.minus.com/incXdXfoA3Y4h.png

    And I was wondering, is this something you guys would consider if I were to put actual work into it, or is it out of the question? (Free work of course)



    I also did this for Pokemon Online's site, which you can see here: http://ericj.koding.com/po/ (Though I recently left their team)
    LurkingBird+ likes this.
  2. Zracknel

    Zracknel
    is an Artistis a Super Moderator
    Art Leader

    Joined:
    Jan 24, 2006
    Messages:
    476
    That PO link is pretty smooth stuff imho.

    Just curious, how comfortable are you working with others/working off of others' designs/artwork? Can you build stuff from flat PSD/AI files?
  3. Ooka

    Ooka

    Joined:
    Sep 14, 2007
    Messages:
    303
    I'm pretty comfortable with it, I've collaborated on a few projects before and didn't have much trouble. Sometime coding from a flat file causes more images to be used than I'd like, but I can do that as well.
  4. Zracknel

    Zracknel
    is an Artistis a Super Moderator
    Art Leader

    Joined:
    Jan 24, 2006
    Messages:
    476
    I think your input and assistance could be helpful :)

    I will send you a PM with more info.

    (I would personally encourage anyone else with a similar skillset/interest in potentially helping the site to post in this thread)
  5. Ooka

    Ooka

    Joined:
    Sep 14, 2007
    Messages:
    303
    Alright, sounds good, I'll watch for it. ^.^
  6. Birkal

    Birkal ground control to major dog
    is a member of the Site Staffis a Battle Server Administratoris an Artistis a Super Moderatoris a Community Contributoris a CAP Contributoris a Smogon Media Contributor
    Mentor Leader

    Joined:
    Oct 12, 2010
    Messages:
    5,045
    Cool cool. I'll leave this thread here for about a day, but then I'll move it to the Projects forum. Thanks for volunteering Ooka (and any other future programmers that read this)! I'd love to see something come out of this =)
  7. Zacchaeus

    Zacchaeus
    is a Battle Server Moderator Alumnus

    Joined:
    Dec 5, 2009
    Messages:
    3,262
    I just want to note that many people access Smogon through their smartphone, Nintendo DS, or other devices, so it would be ideal if the redesigned site could be fully accessed and browsed from those devices
  8. Firestorm

    Firestorm I did my best, I have no regrets!
    is a Site Staff Alumnusis a Smogon IRC AOp Alumnusis a Super Moderator Alumnusis a Smogon Media Contributor Alumnusis a Battle Server Moderator Alumnus

    Joined:
    Apr 18, 2007
    Messages:
    7,303
    Jesus this is so much better than the current PO site. I have some issues with a few of the elements, but overall great job and good luck with Smogon.
  9. Scepticallistic

    Scepticallistic

    Joined:
    Oct 15, 2008
    Messages:
    1,297
    Hi, I'm self-taught and amateurish, but I have had thoughts on the Smogon website design.

    The web is definitely taking a move to clean, brisk looking designs, so Smogon is looking a bit aged. The proposed redesign by Ooka is great. It is looked refreshed, but it is still recognizable as Smogon.

    What I feel really needs to go is the over-reliance on purple. It will make a fantastic accent color for the cool grays the site will be taking on. Right now, things like Pokemon Strategydex lists are just stark and jarring with awkward shades of purple/blue. I hope I do not offend whoever made these design decisions, but they are showing their age. It would be really simple to slap on some grays and format the font so that they are not the standard blue underlined hyperlinks.

    The side navigation links could similarly be cleaned up as proposed by Ooka's mockup or receive maybe a slight reorganization, such as nesting links to parts of the site under broader categories to be accessed by a hover-over (or even a click-to-expand option for the menu for those accessing the site on touch-screen devices)) This will clean up the home page some more and create more elegant whitespace.

    Heavier reliance on HTML5 and CSS3 will make the site more future-proof and help especially for mobile devices at the expense of potential compatibility issues with older versions of browsers (I'm looking at you, IE), whereas using images allows just a bit more flexibility in how things will look and guarantee uniform user experiences at the expense of requiring more loading data.

    Those were just some disjointed thoughts; I apologize if I butted in inappropriately.
  10. Ooka

    Ooka

    Joined:
    Sep 14, 2007
    Messages:
    303
    Yeah, I tried to retain what people identify the site with, but still bring it up to standards while I was working.

    As far as HTML5 and CSS3 go in IE, html5shiv and CSS3 Pie help that a lot, and really make those more realistic choices than lots of images. The only users that will have trouble are those with Javascript disabled as well as using a version of IE prior to IE9 at the same time. They most likely aren't concerned with the UI if that's the case.
  11. Zarel

    Zarel Not a Yuyuko fan
    is a member of the Site Staffis a Battle Server Administratoris a Programmeris a Pokemon Researcheris an Administrator
    Creator of PS

    Joined:
    Aug 16, 2011
    Messages:
    1,539
    You preserved the sidebar. Why did you preserve the sidebar? :/ The sidebar is a bunch of links that anyone sane is going to gloss over. It's really pointless.

    I actually don't mind the rest of your design. Well, actually, your "Home | About | Forums" links are a bit too high up and easy to miss. I, err, like the search bar, though. And the purple background and the main area's shadow.

    Basically, I like the design, but the layout could use a lot more work. :/ You basically preserved Smogon's current layout, and the problem is that Smogon's current layout sucks. :/

    (But seriously, this is really nice, I just have really high standards.)
    LurkingBird+ likes this.
  12. Ooka

    Ooka

    Joined:
    Sep 14, 2007
    Messages:
    303
    Yeah, I agree the sidebar could be removed, but the problem with that is it just creates tons of whitespace, due to the news posts not being very populated with information (I felt they would just look out of place and empty without some form of the sidebar). Also, I did try to compensate for the high links by increasing their actual height, and almost all users start reading from the top left, so I figured they'd be noticed.

    But yeah, the layout definitely needs TONS more work, I just did a quick little mockup to see if anyone was interested in it.
  13. Zarel

    Zarel Not a Yuyuko fan
    is a member of the Site Staffis a Battle Server Administratoris a Programmeris a Pokemon Researcheris an Administrator
    Creator of PS

    Joined:
    Aug 16, 2011
    Messages:
    1,539
    Well, I didn't mean to imply that it should be a single-column layout. Rather that there should not be a sidebar that's basically a list of links.

    News makes sense as one column in a multicolumn layout. Now think about what the other column should be. ;)

    Here's a layout I was thinking about.

    [​IMG]

    As you can see, I couldn't really think of anything more interesting than an ad for another column. I'm sure you can do better. It might be better to put the intro in the other column, and some sort of navigation below the intro. It should not be a list of links anywhere near as dense as the current list, though.
    LurkingBird+ and Shiruba like this.
  14. Ooka

    Ooka

    Joined:
    Sep 14, 2007
    Messages:
    303
    Yeah, I saw that in the information Zracknel sent me, and included a couple aspects of it. Whenever you get time for a chat I'll show you the new mockup I've worked out.
  15. Arcticblast

    Arcticblast improsin + bapongbas gg,,,,,,
    is a Forum Moderatoris a Community Contributoris a Tiering Contributoris a Battle Server Moderator Alumnusis a SPL Winner
    Other Metas Leader

    Joined:
    Nov 29, 2008
    Messages:
    4,669
    Why get rid of the sidebar? And if it IS done away with, where will all of the information linked there go?
  16. raikou00

    raikou00

    Joined:
    Apr 20, 2011
    Messages:
    120
    I like the "design" that post Zarel. If you want I can help making the buttons and all that :D
  17. Scepticallistic

    Scepticallistic

    Joined:
    Oct 15, 2008
    Messages:
    1,297
    Arcticblast, maybe the sidebar skews the weight of the page. I think they are designing it so that the relevant links will now appear in dropdowns in a horizontal menu across the top of the page.
  18. Brutaka

    Brutaka

    Joined:
    Jul 6, 2011
    Messages:
    23
    Birkal had directed me here just a while ago...he said I might be able and/or be interested in this.

    I do like the idea of the site redesign, and I'd love to help, but I dont think I can, I'm not that good yet.

    My upper limits are a bit of Javascript (Flashy buttons, counters(like the Poketch Counter app), clocks, and images that change dependent on the date, that kind of stuff.) and thats about the highest i go.

    Still, im interested in this.
  19. Toast++

    Toast++ Butter Included.
    is a member of the Site Staffis a Programmeris a Super Moderatoris a Smogon Media Contributoris a Researcher Alumnus
    Super Moderator

    Joined:
    Mar 9, 2009
    Messages:
    1,498
    I'm happy help with this. I work with this kind of stuff quite a bit. Feel free to message or catch me on irc.
  20. Tomxc

    Tomxc

    Joined:
    Apr 27, 2011
    Messages:
    59
    Sorry to bump an old thread, but is anything still happening with this? I'd be glad to help also.
  21. Zracknel

    Zracknel
    is an Artistis a Super Moderator
    Art Leader

    Joined:
    Jan 24, 2006
    Messages:
    476
    Since this user sent me a private message, I sent one back.

    Let's see if there's a good way you can help out!
    Jukain likes this.
  22. chaos

    chaos
    is a member of the Site Staffis a Battle Server Administratoris a Programmeris a Smogon IRC SOPis a Contributor to Smogonis an Administratoris a Tournament Director Alumnusis a Researcher Alumnus
    Owner

    Joined:
    Dec 18, 2004
    Messages:
    9,448
    Yes, we will be redesigning the rest of the site soon. I'm happy to get as much help as I can on this.

    I think the best place to start is either the front page, or a Pokemon dex page.
  23. Ooka

    Ooka

    Joined:
    Sep 14, 2007
    Messages:
    303
    Still happy to help if it's needed. ^.^ (Also super excited that you guys are using Xenforo, definitely the best forum software around right now)

    Zracknel
    Last edited: Feb 10, 2014
  24. BlackyXD

    BlackyXD

    Joined:
    Nov 25, 2013
    Messages:
    76
    I would also be happy to help if needed I know some of the basics of HTML and am proficient in java.
  25. Zracknel

    Zracknel
    is an Artistis a Super Moderator
    Art Leader

    Joined:
    Jan 24, 2006
    Messages:
    476
    Oh no! haha, I didn't see this because tags edited in don't alert the appropriate parties :P


    I'm also tagging Player-0 and Sephirona on this post:

    Right now, the site is looking for a new layout to its pokedex pages. If anyone has some ideas for a new-cool looking pokedex page, please feel free to submit them here!


    Here's our current pokedex page (open)

    [​IMG]


    Note that you don't have to show that much information! Any amount will be fine :)

    Also note that that right now we're only looking for an updated style to the dex, but if you'd like to design other parts of the page, feel free.

    Thank you!
    Last edited: Feb 15, 2014

Users Viewing Thread (Users: 0, Guests: 0)