Jump to content

Photo

Announcement: The SmackDown Hotel Website is now Responsive!


Old topic!
Guest, the last post of this topic is over 120 days old. Post only if you have something relevant to add to the discussion.


  • Please log in to reply
20 replies to this topic

#1
OFFLINE   Andy Badwool

Andy Badwool

    Best In The World

  • Owner
  • 3,411 posts

Awards:

Users Awards

You may have already noticed it live in the last couple of days, but here is the official reveal:
After over a month of work, we are very proud to announce that The SmackDown Hotel website is now fully Responsive!


sdh_responsive.png

 

To give you a little introduction, just in case you don't know exactly what "Responsive" means: it means the website adjusts to always fit the screen size on which it's viewed, providing an optimal viewing experience, easy reading and navigation across all devices (mobile phones, tablets, laptop and desktop computers).

I'll be honest with you. In the past, I have always been hesitant about even trying to accomplish this. Not because I hate modern mobile devices (or do I!?), but because with the sheer amount and variety of content we have on the website, I always thought it just couldn't be done. How do you fit the Roster Pages on a mobile screen? Or what about each individual Image Gallery? How do you properly resize all the elements? Not to mention, knowing the foundation of the website and components, it was going to be very difficult from a coding standpoint.
So despite being aware that we now live in a mobile era where smartphones are more popular than computers and having a mobile-friendly website has become critical, I always "gave up" on the idea. "It's just impossible" (words that Simone knows very well, as I often tell him about some convoluted SDH idea of his, before promptly proceeding to find a way to do it... It has become a running joke!)

 

But then, with my knowledge increasing throughout the years, I realized that with enough patience, commitment and quite a bit of insanity, I could be able to do it. I surrendered and said, let's do this.

 

Up to this day, the website layout, the plugins and all the content we made were built to be displayed with fixed dimensions. So when I started the project, I knew exactly what I was getting into. Making the website mobile-friendly was going to be a huge undertaking.

Because, like you probably gathered from above, if I was going to do this, I wanted to do things right. I certainly wasn't going to just create a "separate" mobile version with stripped-down functionality, and I didn't even want to settle with doing what I've seen in most cases on the internet, where the experience is device-specific and page elements suddenly reshuffle and snap into place when the window is resized. It's fine, but I personally find it disorienting for the user and sort of "cheap".

I wanted to ensure that the site hierarchy remained intact, without sacrificing any of the features or content. And I wanted it to be truly responsive, with the layout and EVERY page of the website to smoothly scale and adapt its content to ANY screen as device widths change, from desktop to mobile devices and anywhere in between, past, present or future. (here you can see an animation that illustrates what I mean with the difference between smooth and snap design)

Making the website fluid and achieve this level of flexibility wasn't an easy task: it required to completely rethink everything and overhaul both the foundation and each component of the website.

What I mean by "rethink"? That everything needed to be replaced with modern styling and converted to work with percentages and proportions, instead of fixed pixels. It has been a great challenge and a process where imagination and vision played an equal part as technical execution, and it was also a learning experience with the need to find and implement solutions and tricks as I went by (although I'm not going to reveal all my secrets! :P)

And at the end, I can say it was all more than worth it. Not only for the improved user experience on mobile devices, but also simply because the final result is just... so rewarding. I could almost spend all day resizing browser windows on SDH and proudly watch the content beautifully adapt at half-width or any width!

Here are just a few example pages:

While we were at it, during the process we also took the opportunity to make several other improvements across the board, update the SDH Logo, create favicons tailored for each device, develop a new "more articles" interface, a "back to top" button, improve overall speed and performance of the website, and more additions.

Considered the huge volume and variety of content, there still are a few more things to polish, and here's where your feedback becomes crucial! As you browse around, let us know if you find anything that may not be displaying correctly or that could be improved!
Please note that the "responsiveness" has currently not been implemented in the sections previous to WWE '13 (the ones with the old "dark scheme"), those will be adapted after this initial phase of testing, where the website will be continually monitored and optimized based on your feedback.

And for those wondering if an improved mobile experience will also be coming to the SDH Forum anytime soon... YES, it will! We plan on covering that as well in the next few months.

Finally, me and Simone would like to thank you for your continued love and support, we hope you enjoy the huge update and we wish you a happy navigation on the new, constantly improving and evolving SDH Website. Happy resizing!



#2
OFFLINE   Ramm Junge

Ramm Junge

    The Crazy Boy

  • Supporter
  • 15,181 posts

Awards:

Users Awards

Man, you guys are literally AWESOME! Amazing job! :o



#3
OFFLINE   BombCentralGaming

BombCentralGaming

    Main Eventer

  • Supporter
  • 4,313 posts

Awards:

Users Awards

This video sums it up

https://www.youtube.com/watch?v=FJbmB9k2Y88

 

For real great job guys.



#4
OFFLINE   Loves2Spoon

Loves2Spoon

    I have Acknowledged

  • Supporter
  • 11,934 posts
  • Gender: Male
  • Location: Newyork

Awards:

Users Awards
I seen a preview from Simone. I told him I loved it and thought SDH has always had the best website design when it comes to wrestling like sites. Damn good. On mobile that arrow that sends you back to the top was great.

Have you considered changing the forum layout?

#5
OFFLINE   Andy Badwool

Andy Badwool

    Best In The World

  • Owner
  • 3,411 posts

Awards:

Users Awards

I seen a preview from Simone. I told him I loved it and thought SDH has always had the best website design when it comes to wrestling like sites. Damn good. On mobile that arrow that sends you back to the top was great.

Have you considered changing the forum layout?

 

Thank you!

 

Yes, as mentioned that will be one of the next steps in the upcoming months!



#6
OFFLINE   Steve

Steve

    Main Eventer

  • Member
  • 3,638 posts

Awards:

Users Awards
Just looked aroung the website using my mobile, In my view i didnt got any of the mistake, by the way it is really fast and smoothly, Thanks for this buddy, you have a really good talent and also i am waiting for forum upgrade and you will also rock this time as it was before. ;)

#7
OFFLINE   Johmeister

Johmeister

    Superstar

  • Supporter
  • 1,021 posts

Awards:

Users Awards

As a person who uses both mobile and laptop equally, this is a really good improvement. Thanks guys!



#8
OFFLINE   Crazy™

Crazy™

    Crazy City, Bitch.

  • VIP
  • 4,680 posts

Awards:

Users Awards
Great work, guys! I'm sure this will come handy to several members. :)

#9
OFFLINE   Wpr96

Wpr96

    Tribal Chief.

  • Hall of Fame
  • 21,031 posts

Awards:

Users Awards

Really helps out tons. Much appreciated guys! :cool2:



#10
OFFLINE   A•A•Ron

A•A•Ron

    #ThankYouDaniel

  • VIP
  • 4,667 posts

Awards:

Users Awards
Looks awesome! As usual, top notch work you guys.

#11
OFFLINE   Static

Static

    World Champion

  • Moderator
  • 8,420 posts
  • Gender: Male
  • Location: England

Awards:

Users Awards

This is why SDH is he best in the world. Nice job guys.



#12
OFFLINE   Loves2Spoon

Loves2Spoon

    I have Acknowledged

  • Supporter
  • 11,934 posts
  • Gender: Male
  • Location: Newyork

Awards:

Users Awards

This is why SDH is he best in the world. Nice job guys.


Agreed 1000% percent. I love it when the owners post stuff. Usually goodies we all enjoy. I don't visit the main page as much as I used to. Always hop right to forum. I will have to change this.

#13
OFFLINE   MysticDante

MysticDante

  • Moderator
  • 8,958 posts
  • Gender: Male
  • Location: Venezuela
  • MisticoDant3

Awards:

Users Awards

Great work guys!

 

And for those wondering if an improved mobile experience will also be coming to the SDH Forum anytime soon... YES, it will! We plan on covering that as well in the next few months.

 

:dbryyes:



#14
OFFLINE   Spyder78

Spyder78

    The Grandfartherly Jester of SDH

  • Supporter
  • 7,203 posts
  • Gender: Male

Awards:

Users Awards

The Brad Maddox of SDH finally resurfaces xD, Great work all around guys



#15
OFFLINE   Dozer

Dozer

    Main Eventer

  • Hall of Fame
  • 4,213 posts

Awards:

Users Awards
Wow! Epic work!

Lähetetty minun GT-I9295 laitteesta Tapatalkilla

#16
OFFLINE   TheBoy

TheBoy

    Valar Morghulis

  • Moderator
  • 8,222 posts

Awards:

Users Awards

Damn, this is impressive. Tried it on my iPad right away and it works perfectly. Good work :up:



#17
OFFLINE   Ramm Junge

Ramm Junge

    The Crazy Boy

  • Supporter
  • 15,181 posts

Awards:

Users Awards

Wow! Epic work!

Lähetetty minun GT-I9295 laitteesta Tapatalkilla

Welcome back Uncle Dozer! :>



#18
OFFLINE   Noob Saibot

Noob Saibot

    ChampOwensChamp

  • Hall of Fame
  • 14,518 posts

Awards:

Users Awards

Amazing news! The site is growing more and more! Keep these amazing updates rolling! :up:



#19
OFFLINE   Andy Badwool

Andy Badwool

    Best In The World

  • Owner
  • 3,411 posts

Awards:

Users Awards

Happy to announce that throughout the past few days ALL the previous games sections have been reworked and adapted to the new layout, so that means that now the WHOLE website is responsive!

Additionally, several layout tweaks and improvements have been made across the board to fine-tune every single detail and optimize the user experience and the site performance even more. :)

 

Enjoy!



#20
OFFLINE   Steve

Steve

    Main Eventer

  • Member
  • 3,638 posts

Awards:

Users Awards

Hey Andy, I am Seeing Some Changes In forums And I Am Gonna Say That They Are Really Nice. ;)

 

I Have Used the SDH website on My Desktop And When I was using Chorme, By Mistakely I Resotre The Down And It Turns To Mobile Version, That Really Cool. I Liked It. ;)


Edited by Steve, 20 February 2016 - 11:04 AM.




Old topic!
Guest, the last post of this topic is over 120 days old. Post only if you have something relevant to add to the discussion.



0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users