Site Redesign

#1
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)
 
#2
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
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
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)
 

Birkal

caw
is a member of the Site Staffis an Artistis a Super Moderatoris a Community Contributoris a CAP Contributoris a Battle Server Admin Alumnusis a Smogon Media Contributor Alumnus
CAP Head Mod
#6
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
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
 
#9
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
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.
 

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
#11
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.)
 
#12
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.
 

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
#13
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.



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.
 
#14
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.
 
#17
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
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.
 
#22
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
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:
#25
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
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!




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:

Users Who Are Viewing This Thread (Users: 1, Guests: 0)