Class Pages

User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Class Pages

Post by Flash » July 21st, 2014, 3:41 am

I started working on the classes pages. The page for the Pyromancer can be seen here: Pyromancer
It's absolutely not complete yet and not even linked on the website but I want to give everyone the chance to make suggestions as soon as possible.

I decided to create gif images for all skills we have footage of right now there is only one example gif. Because of the size of those gif images i decided to only enable it once the user clicks on the jpg image. Do you like this method or would you change something about it? Every feedback is welcome :)
User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Re: Class Pages

Post by Flash » July 23rd, 2014, 4:47 am

I did some adjustments to the layout to make better use of the space. The text is now floating around the class images. I also added news skill images to the Pyromancer page.
I think these changes make the page much cleaner and I planing to the other class pages look like that one. However feedback is always welcome so I can improve the site even more :)
User avatar
Arec
Apprentice
Posts: 192
Joined: August 2014
Guild: ROOT
Timezone: PST
Location: SoCal
Favorite Class: Templar
Gender: Male
Contact:

Re: Class Pages

Post by Arec » August 6th, 2014, 2:50 pm

For the skills, maybe making the "click to play video" images a bit smaller? and Aligned Horizontally. I just thought it maybe a bit better since the videos already opens up in a overlay. Looks great overall though.
Image
User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Re: Class Pages

Post by Flash » August 6th, 2014, 3:17 pm

That's possible. Can you tell me why you think the image is too big? Do you want more of them to fit in the screen at once or do you think that they don't fit into the design at that size or what is the reason?
User avatar
Arec
Apprentice
Posts: 192
Joined: August 2014
Guild: ROOT
Timezone: PST
Location: SoCal
Favorite Class: Templar
Gender: Male
Contact:

Re: Class Pages

Post by Arec » August 6th, 2014, 3:21 pm

I thought maybe to avoid unnecessary scrolling/downward page stretching since it a link that initiates the overlay. I guess its more of a fit into the screen deal. But it definitely works with the design!
Image
User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Re: Class Pages

Post by Flash » August 6th, 2014, 3:29 pm

I'll try it and will post some images for comparasion here.
User avatar
Arec
Apprentice
Posts: 192
Joined: August 2014
Guild: ROOT
Timezone: PST
Location: SoCal
Favorite Class: Templar
Gender: Male
Contact:

Re: Class Pages

Post by Arec » August 6th, 2014, 3:37 pm

Flash wrote:I'll try it and will post some images for comparasion here.
Ill PM you what I thought
Image
User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Re: Class Pages

Post by Flash » August 6th, 2014, 8:36 pm

I updated the website. It shows two skill images per row now.
User avatar
Arec
Apprentice
Posts: 192
Joined: August 2014
Guild: ROOT
Timezone: PST
Location: SoCal
Favorite Class: Templar
Gender: Male
Contact:

Re: Class Pages

Post by Arec » August 6th, 2014, 10:44 pm

Flash wrote:I updated the website. It shows two skill images per row now.
Looks great! What do you think?
Image
User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Re: Class Pages

Post by Flash » August 6th, 2014, 11:31 pm

I think it looks better than the previous version. I thought about 3 iamges per row but I think that would be too much / the images would be too small. The only thing I don't like about the images right now is the downscaled text on it but I will recreate the images with the right scaling and then everything should be perfect :)
User avatar
cholo
Apprentice
Posts: 50
Joined: July 2014
Timezone: UTC-5
Gender: None specified

Re: Class Pages

Post by cholo » August 7th, 2014, 6:41 am

These individual class pages are really well-conceived with a nice layout, great job! I guess the only real issue is the fact that we only have such limited information about all of the classes. This will without a doubt be a primary source of useful data for newer users in the future.
User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Re: Class Pages

Post by Flash » August 11th, 2014, 10:04 pm

I did some further updates on the class pages:

Class pages now contain more details about the class branches like:
Class Overview > Wizard > Pyromancer

I also did some tests with the Archer page and the concept art image. I'd like to know if you prefer the version with the image and the small text area, the version without the image and a bigger text area or something completely different.

Image
User avatar
Iden
Apprentice
Posts: 47
Joined: June 2014
Gender: None specified
Contact:

Re: Class Pages

Post by Iden » August 11th, 2014, 10:23 pm

I like it with the concept art more.
Goldmind
Apprentice
Posts: 83
Joined: August 2014
Timezone: UTC+30
Location: Canada
Gender: None specified

Re: Class Pages

Post by Goldmind » August 12th, 2014, 1:03 am

I really love what you did for the second one there - version with text + image + class GIF.

It shows a little bit of everything.
User avatar
cholo
Apprentice
Posts: 50
Joined: July 2014
Timezone: UTC-5
Gender: None specified

Re: Class Pages

Post by cholo » August 12th, 2014, 1:50 am

the vibrancy of the concept art prevents the page from being overwhelmed with black and white. the addition of the art is much more appealing to the eye.
User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Re: Class Pages

Post by Flash » August 12th, 2014, 3:58 am

The version with the concept art is now online. At first i thought it might be a bit too much on one spot but now I think it makes to text much more "smooth". Before there were few very long lines but now it looks much more "in place" (don't how how to describe it right :hmm: ). But every feedback how it could be improved is still welcome :)
User avatar
Laima
Apprentice
Posts: 205
Joined: June 2014
Timezone: UTC+8
Gender: None specified

Re: Class Pages

Post by Laima » August 12th, 2014, 5:37 am

Could the text be justified? Just a small idea. :ic:
Desperate for 1 key.
User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Re: Class Pages

Post by Flash » August 12th, 2014, 2:27 pm

The text is not justified. I think it looks quite nice :)
User avatar
Flash
Site Admin
Posts: 1265
Joined: February 2014
Favorite Class: Cleric
Server: [EU] Fedimian
Gender: None specified

Re: Class Pages

Post by Flash » August 14th, 2014, 2:54 am

Small update on the class overview: There are now 3 classes each row and not 4. Too many images were too wide and this made everything uneven. The new order should improve this.
Goldmind
Apprentice
Posts: 83
Joined: August 2014
Timezone: UTC+30
Location: Canada
Gender: None specified

Re: Class Pages

Post by Goldmind » August 14th, 2014, 3:01 am

Coming along nicely!

38 classes identified ... 42 to go ... come ooooooooon Gunslinger-type!
Post Reply