iv Icy Veins' New Design and Logo

8 posts in this topic


A few words of explanations on the new design.

Our new site is finally up and running, so we put together this article to explain why we did it and what our plans are going forward.

Two days ago, we unveiled our new logo and the new design of our website. As you can imagine, there were a few bugs and quirks, so we have been working around the clock to fix everything that was being reported. Now that this post-launch rush is over, I wanted to take the time to talk more about this rebranding, as one might call it. I'll also explain why the forums haven't been updated to the new design yet.

Previous design felt dated

The most obvious reason for all this is that our previous logo and site design started feeling a bit dated. When we started Icy Veins, I designed everything all by myself. I'm a software engineer and I'm pretty bad at visual stuff, so here's how the website looked in the very early days: https://web.archive.org/web/20110404021849/http://www.icy-veins.com/

Throughout 2012, we sought out help from our good friend, Michael Oglesby, which eventually culminated in the design we had been using up until Friday.

The problem was that we kept improving something that was not very good to begin with, so we decided to start afresh this time. Unfortunately, Michael is a UX/UI specialist, not an artist, so we had to find someone with an artistic touch. We eventually settled on Karim Boukarabila.

With him, we were able to go much further and really give our website that slick and pleasant appearance that had been sorely missing. That said, it isn't a revolution. We've always felt that our layout was pretty solid and that the website was easy to navigate. So, we tried to keep much of the existing layout and simply focused on making it look much much better and more modern.

More on the logo

The logo is meant to represent a person guiding you in the right direction, a bit like we do with our guides. That person has the appearance of a mage or a wizard, because Icy Veins is a mage spell in World of Warcraft (we'll never forget where we come from!). It also works with the other games we cover, as you find mages/wizards in Hearthstone, Diablo 3, and Heroes of the Storm.

We think that this new logo is going to give us a more recognizable face on social media, as well on memorabilia that we'll sell on our shop. Indeed, more and more people block ads, so we need additional sources of revenue if we want to keep the site afloat for many years to come. We're also looking at starting premium subscriptions in 2016, and being able to include nice looking stuff in the premium package is a definite plus.

More on the design

First, we decided to keep a dark background, as we feel that it is what is best suited to the games we cover (they all have light-colored text on dark-colored backgrounds). Also, when linking World of Warcraft items/spells, Diablo 3 items/spells, and Hearthstone cards, we like to use in-game colors, and some of them (purple and white, most notably) look much better on dark.

Second, the website is now responsive, but with a slight twist. While the website does adapt to various mobile devices, for desktop the width is fixed at 1070 pixels (to fit ad takeovers, see http://www.icy-veins.com/advertise). Obviously, we've had to remove the right column to fit our pages on mobile devices, but for those who prefer seeing the desktop version, there is a link at the bottom of each page to force the desktop version (you just need to click it once and the website will remember your choice in subsequent visits).

Third, the menu underwent a number of improvements. The menu now follows the scroll on desktop, as well as on mobile devices when you choose to force the desktop version, but this feature is disabled for Chrome on Android for technical reasons (browser really bad at handling position: fixed). There is also a mobile-specific menu, which is very straightforward.

Finally, the news now have a much more prominent place. This is to help promote the content that our new team of writers is producing every day.

Ongoing/future work

There are many things that Karim designed and that haven't made it yet to the site, most notably the forums and embedded twitch streams.

The forums run on IP.Board, a completely different software than the rest of the website. It recently received a major upgrade (like it's been completely rewritten), so I need to upgrade our forums to this new version and then make a new Icy Veins skin for it (because the skin system has drastically changed).

Originally, I was planning to drop IP.Board and convert the forums to another software, because IP.Board is probably one of the worst pieces of software I have ever worked with. The code base feels very old and clunky (and there's barely any documentation), so when they announced a complete rewrite of it, I figured that I'd give them one last chance.

Regarding embedded twitch streams, the idea is that for each game we cover, we will propose a number of instructional/didactic streams that you can watch directly on Icy Veins. I don't want to talk too much about that yet, because we still have a number of things to decide on.


I want to end this article by saying that everyone is welcome to send suggestions and feedback. Since the new site went live, we received a number of e-mails. Some praised the new design and it made us happy. Others suggested improvements or reported bugs.

To give you an idea of what you can suggest, we received an e-mail from someone who was complaining that asking Chrome on Android to "request desktop site" was not working, so we added this "Force desktop version" button to our mobile pages.

Another reader complained about how impractical using the desktop menu was with a touchscreen laptop (because you can't mouseover), so we added event handlers to the menu to properly interact with touch events.

As you can see, we are very open to feedback and will do whatever is required for everyone to have a nice browsing experience.
6 people like this

Share this post

Link to post
Share on other sites

So, access to diablo3, HOTS and wow builds and HS decks, will be paid? And i have an extra question: Why not an SC2 section? I'm a very bad player of SC myself, but love the game!

Edited by lexblow

Share this post

Link to post
Share on other sites

So, access to diablo3, HOTS and wow builds and HS decks, will be paid? And i have an extra question: Why not an SC2 section? I'm a very bad player of SC myself, but love the game!

No, you misunderstood. Our content will always be free, which is why we need to find other incentives for people to sign up for a premium account (no ads, cool goodies, etc.). We don't really play SC2, so we don't really know how to make good guides for it smile.png

Share this post

Link to post
Share on other sites

This is probably on the To-Do list with the forums upgrade, but in the mobile version (on iOS), I don't see a way to directly reach the forums from the home page. I usually end up clicking on a topic and then using the old interface to click and go to the forums.

Share this post

Link to post
Share on other sites

I really like the new design, Great Job!!! I use the site all the time for tips and hero builds for HotS!  Keep up the great work!

1 person likes this

Share this post

Link to post
Share on other sites

The new website looks awesome. And I really like the new logo. Can't wait to see what exciting changes 2016 will bring for this site. I've been a visitor throughout my gaming career. Don't know what I'd do without it. Keep up the great work!

1 person likes this

Share this post

Link to post
Share on other sites

Windows desktop Chrome user here on a 2560x1440 monitor. Still getting used to it. The home page feels like a run on mess to me. I think I need a more effective separator element (either a literal line, or more space, or some other styling that more effectively groups things to go together into one unit and gives the units more room to breathe. I also feel like a bunch of elements aren't aligned correctly even though when I inspect it using tools I can see that they are - some illusion of white space I think.


I understand the older style may not be "cool" to today's design professionals but clear organization and separation of elements always worked for me. For example on this forum page I can readily distinguish one user's post from the next.


I'm sure I'll be in love with this new style by the time you roll out 3.0 ;-)

Share this post

Link to post
Share on other sites

Thank you guys for the feedback! I've been gathering everything we received (by e-mail, on forum posts or on Twitter) about the new design and we'll discuss all these points with our designer after the Christmas Holidays.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Damien
      We are looking for a transmogrification writer to help curate our transmog section.
      We need someone who is a fan of transmogrification and has transmogrification experience on all or most classes. Having a blog or something to showcase that is a definite plus. We also want someone with a lot of free time (output is important, because there is so much to cover).
      As always, when we post this kind of offers, this is a paid position with earnings shared between us and the writer on the guides and articles they will write.
      Applicants should send an e-mail to jobs@icy-veins.com with as many details as possible. The deadline for applying is the 2nd of November at 00:00 GMT.
      We are looking for a transmog writer!
    • By Blainie
      We're teaming up with J!NX once again to bring you a chance to win a fantastic hoodie from their WoW collection! Check out the post to see how to win!
      The winners of the contest have been contacted via our forums. We will not be listing the winners' names to ensure there is no trading or selling of the codes used. If you have any problems, contact me (Blainie) via the forums.
      We're just around the corner from the release of the latest expansion, Legion, and J!NX are celebrating even more new additions to their line of WoW clothing and accessories. We're teaming up with J!NX to giveaway 12 hoodies from the World of Warcraft section on their website!
      Here are some of the possible hoodie designs that you could be winning:

      The brand new "Crossed Warglaives" design. (Unisex)

      Alliance hoodie design. (Alliance version / Horde version)

      Illidan hoodie design. (Unisex)
      How can I enter?
      First things first, you'll need to head to the WoW section on J!NX and take a look at the hoodies they have on offer. Let us know which hoodie you would want in a comment below, as well as a link to the one you're talking about! We've pre-filtered the site for you so that you can already see a full list of the hoodies available here.
      Note: Just as with the previous giveaway, your hoodie of choice MUST belong to the World of Warcraft collection.
      The contest will run until the 12th September, 2016 (23:59 CEST). We will be choosing 12 winners to receive a code for their hoodie of choice. The codes will only work for hoodies in the World of Warcraft section. The winners will be selected randomly from the comments on this post that include the required information. Double entries will be removed. You may only enter once. Any cheating will immediately disqualify that user - this includes using multiple accounts to enter. Our decision is final in regards to winners. All winners will be contacted via our forums. Good luck everyone!
    • By Blainie
      The stream is back this week with 3 of Icy Veins' finest streaming their favourite games. Check out the schedule of dates and times for each stream, as well as what game will be live on the Twitch channel!
      The schedule is as follows for this week:
      Date Time (CEST) Streamer Game Tuesday, 6th Sep. 20:30 - 22:30 Blainie WoW Thursday, 8th Sep. 20:30 - 22:30 Peelyon WoW Sunday, 11th Sep. 15:00 - TBD KendricSwissh HoTS You can find all of the relevant information for each streamer below:
      Name Twitter Twitch Youtube Facebook Blainie Link Link Link N/A Peelyon Link Link Link N/A KendricSwissh Link Link Link Link See you at twitch.tv/icyveinscom!
      The schedule is live for this week!
    • By Blainie
      In a new tradition, we're going to be starting up our first monthly giveaway! Check it out for your chance to win some great prizes just in time for Legion!
      We announced the winners of the giveaway over on our Twitter, but if you're wondering if you're one of the lucky ones, here's the Twitter names of the three winners drawn:

      All three winners have been contacted via Twitter DM, which should also spark a notification in your e-mail!
      As many of you most likely haven't noticed, these past few weeks have been pretty great for Icy Veins. We've hit a few milestones on a number of different social media outlets, including 40,000 likes on Facebook, 30,000 followers on Twitter and the recent establishment of our Twitch channel. Without all of you wonderful people, we wouldn't have been able to do it, so we wanted to start up a small tradition to help thank everyone that has helped turned Icy Veins into what it is.
      We're going to be starting up monthly giveaways that will range from game to game, depending on what we can give away that month! Since we're just starting things off, we thought about might be important this month and Legion of course came to mind. In order to celebrate it, we're going to be giving our users a chance to get a mount and a pet from the Blizzard WoW store. It can be any combination, as long as you choose one of each! For those of you that aren't familiar with the potential prizes, you can check them out here.
      Note: The prizes for this month are quite restricted due to the fact that Landro in Booty Bay currently does not work. We are staying away from any prizes associated with the TCG game or Blizzcon rewards since you currently cannot redeem them.
      We'll be picking 3 winners, each getting their own bundle, but there are a few rules in place:
      Since the giveaways are monthly, we want to chain them together nicely, so they will run from the first day of the month to the last.  We will be using Gleam to run the giveaways. You can only enter by using the methods listed on the Gleam page. There are 7 ways in total to give yourself chances to win. There is no bias between the different methods - 1 entry is 1 entry, none count more than others. You can use this link to enter the giveaway; it will take you to the Gleam entry page. The site is completely safe to authorize and is used widely for giveaways, so don't worry! It's worth noting that, after entering, you can use your "share link" to gain extra entries by passing it around to your friends and getting them to enter! The more you share, the more entries you get!
      Good luck to you all and hopefully you're all as excited as we are for this giveaway and all the ones to come!
      Grab the chance to ride into Legion with a brand new pet and mount!
    • By Blainie
      We're teaming up with J!NX to give our users the opportunity to win a t-shirt from their new collection! We're giving away 20 codes that include the item and free shipping!
      For those of you that don't know, J!NX is a widely-known clothes and accessories brand for a variety of games. With the release of Legion, the newest WoW expansion, just around the corner, J!NX have just announced their newest line of World of Warcraft merchandise; the new items feature Legion-themed designs, as seen below:

      Gul'dan, Destroyer of Dreams T-Shirt (Men's / Women's)

      Illidan Hoodie (Premium Version)

      Legion Obelisk T-Shirt (Men's / Women's)
      In order to celebrate both the release of the game and the new line of clothing, we're teaming up with J!NX to give you guys the opportunity to win any World of Warcraft T-shirt from the J!NX shop. We've got 20 codes to giveaway that will allow you to not only get a free T-shirt, but also free shipping! 
      How can I enter the contest?
      In order to enter the draw, we're going to be running a fairly simple contest; all you need to do is go to the J!NX website, navigate to the World of Warcraft section and find the item that you like the most! All you need to do then is leave a comment below this post letting us know what you chose as your favourite item!
      Note: The item you choose must belong to the World of Warcraft collection! 
      Contest Rules
      The contest will run from the 5th August, 2016 - 12th August, 2016 (23:59 CEST). There will be 20 winners chosen. The codes that are given out can only be redeemed for a T-shirt from the WoW section.  The winners will be selected randomly from all posts that meet the requirements listed above. Any double entries will be removed from the pool of possible winners. You can only enter once. Any cheating will immediately disqualify all posts from that user - this includes making multiple accounts to enter. Our decision is final when it comes to drawing the winners.  Good luck everyone and we can't wait to see what you all choose as your favourite items!
      Don't miss your chance to win a J!NX T-Shirt!