New Web Design For Greyscalegorilla

November 21, 2011 - By 

You may have noticed the new design here on Greyscalegorilla. I have been planning to update this site for over a year and I’m glad to say it’s finally here.

Up till now, Greyscalegorilla has been pretty much hacked together. My smart friend Trevor helped me code the first design back in 2008 and the site, up until yesterday, has been a combination of hacks and workarounds from that original design. It made for a site that was hard to update, slow to load, and inconsistent from page to page. Most of the problems came from me hacking away at the CSS and template little by little until it became a giant mess. It may have looked OK on the surface, but the code behind it was gnarly.

The new design was made for a few reasons (faster load time, cleaner look), but the main one is so that you can find tutorials and other posts easier. GSG has years of posts now and most of the older content gets buried so quickly. I wanted to give new visitors to the site an easier way to find what they were looking for and even discover things they weren’t. The search and category view has been streamlined so you can see more per page and the archive view has been added so you can find older posts easier. This design will, of course, evolve over time as we continue to streamline the site for you guys and find problems. But, I’m really glad the core of it is up and ready for viewing. Thanks a ton to Josh for designing and coding the site and especially for staying up late during this weekend to make sure it’s all up and running. High Five!

Finally, since this is a new layout with too many posts to test it on, you may find a few things out of place somewhere. If you see something funny, please drop a note in the comments below. It would be a big help. Thanks as always for being an ongoing part of the Greyscalegorilla community. Keep learning and having fun!

Posted In:  Design
80  comments
80 Comments
  • Congratulations on the new site Nick.

  • Congrats Nick.
    welcome back the dark background

  • nice new site nick (:!!
    but i miss the typical greyscalegorilla orange :/
    but anyway congratulations!!

  • Very Cool & impressive skin for GSG,congratulations Nick 😉

  • Congratulations GSG!!!!!!!

  • Nice new look, love it. I liked the old one too, this just seems a little easier to navigate

  • Would be nice looking to have a fixed gorilla illustration image as the websites background, just saying 😉

  • nice! The body text is a little small for my old eyes.

  • It’s a variation of big easy template from yootheme?
    Look fine.

  • Loving the new look Nick. Thanks for your continued hard work on our behalf 🙂

  • So fresh and so clean 😉 But to be honest – it loads slower than the old website. Maybe some caching thing…

  • As Mr. Borat would say… ” mmm Nice “

  • Nice!!!
    Just the text that seems smaller. Can be hard to read some times!

  • the design is awesome! very slick! nice job 8P

    *I e-mailed you with lil’ bug-report 😀

  • I like the new design but I forgot to bookmark all the sites in your old blogroll. Now it’s gone. Sad face 🙁

  • I really miss the reference links. I think that links to the other blogs and sites were extremely useful. Hope that you will add them again. Why not expanding with more ;).

  • Hi Nick,

    Well done. The site is very contemporary looking.
    Very nice grid system and typography. Great work.

    Regards,
    Denis.

  • I think the site became slower than before,isn’t it guys ?

  • Very Good Design, but to report some bugs, the Viemo (or whatever video service) is displaying the time funny, some rainbow colors, and the full screen sometimes lags.

    I am using google chrome (latest version)

    Once again, great new design!

  • Nice!! My iPhone 4s safari shutdown when I open the greyscalegorilla.com website.
    Does anyone have same problem?

  • Congrats Nick. Nice work.

  • Hey nick, love the new design! Definitely works well, hope to keep seeing great content that really made this site great!

  • Yep mister gorilla it s very nice design congrat!!

  • Hey Nick,
    you did a really great work, i like your new look it’s so clean and intuitive!!!!

    Congratulation…. 🙂

  • Looks great Nick, black bg works much better than lighter one.

  • it’s clean Nick
    very simple design and clean

  • what font is this pls nick, it looks very nice and clean

  • very nice !!!

  • It’s a great new design. I like the cleanliness. The smaller header is really nice and functional.
    I want to update my own site also to a new design and this example really exites me. Right now I have a site which is a combination of iWeb and Tumblr blogs. But it isn’t functional enough. This is WordPress right? I want to take the step to WordPress.

  • Nice and clean.
    I really like just going to the products page just to look at it, really nicely put together.

  • Congrats nick ! Awesome new design !

  • looks good. yeah, it was a pain looking for old tuts on the other side.

  • took a good month but I played through every one of the older posts.. I wish I waited because hitting that “older posts” button 140 times was a little… tedious.

  • Hi Nick,

    Few things I’ve noticed:

    Currently the list of catagories is enormous and feels unnecessary with the search bar and the header (top bar). Personally I don’t use categories on most sites with an exception for signalnoise.com. I can’t think of a ‘fix’ in your case ‘though’. Is there an option to group them?

    The space between an enter is huge in the comments. Not sure if this is on purpose.

    Maybe add a tiny tad more white to the top bar to make it stand out more. To me it blends to much with the black background.

    Cheers,

    Joost

  • Cool as fuck Nick!! Congratulations!

  • Fantastic, clean design.
    This reminds me of when Abduzeedo changed their site, which was also for the better.
    Congrats on such a bold move; I know it’s hard to change something when you know it’s working, even if it’s for the better.

  • CAPSONWHILERENDERING November 22, 2011 at 11:57 am

    Ugh, in Chrome everything goes blank before loading a different page. Doesn’t seem to do this in Firefox.

  • pleas change the font, i can hardly read your blog!

  • Seems to be a lot slower to me..

    • The announcement of the new design brought ALOT of traffic putting stress on the server. Under normal server load the site will load MUCH faster then the old version. Especially after your browser does some caching.

  • I’m new here but will definitely be a regular! Great stuff!! Is there a table of contents to view at a glance all the video titles?

  • Design is minimalistic and looks great, though I would change text color to more black as it is hard to read it now.

  • Looks great… but,
    there was an issue with my Safari:
    http://cl.ly/0a1z1h211E172m3y170t

  • Cool site Nick. I like the Categories panel on right side and minimalistic design.

    Great you.

    John

  • Much slicker. Good job.

  • Nice one Nick and good luck for the future. 🙂

  • hi! Good but i didnt use non standart font DroidSansRegular )

  • Hi Nick,
    congrats to the new page (it has changed, hasn’t it 😉 Nice outfit for great content.
    Greetings
    Matthias

  • Hi Nick,
    I like the new design and fuctionality.
    But I miss the prominence of the header and the promo graphics on the sidebar that was there earlier, specially how greyscalegorilla was really loud, i think it looked very nice that way, just my opinion!

    Another thing to consider would be big BG images like faded views of 3d renders, something on the lines of http://www.troika.tv, but then again it won’t be as clean as its now.

    Best
    M

  • iam not sure you noticed or not, the image on all the post and even the videos are not centered, some extra padding (iam not sure what they call) on the right side.
    Your site is major inspiration for me, thanks for helped me in lot of things.

    bee.

  • Bravo Nick !
    simple, élégant et performant…
    Translation :
    Bravo Nick !
    simple, elegant and powerful

  • Keep it up Gorilla!!! \o/

  • It’s very mean to use a font in a WAAAAY to small size and at the same time add a “-webkit-text-size-adjust:none” to practically all tags (style.css line 44), so no-one zoom up the size on Google Chrome and other webkit-browsers! Why was that put in the code?

    Please, remove that text size adjustment restriction and while you’re at it, go up from 12px to at least 14 or 15 pixels. Many of the people leaving comments complained about the illegible font size…

  • Hi Nick,

    First, thanks for all the stuff I’ve learned with you. You are a constant inspiration.
    About the new look it’s just great. Sharp, simple and clean. I just noticed that older links in previous posts may not redirect you to the deserved URLs and instead to the homepage.

    Keep it up!

  • Hey Nick.

    I loved your olds site – it was so clear and nice. I used to reference it as a site that is clear and easy to use.
    Not sure about this.
    Maybe it will grow on me!
    Just looks a bit corporate.
    Anyways just thought I’d leave some feedback.
    Thank you for you continiued hard work.

    James

  • Nice clean code. But the comments template is a bit too simple for me.

  • I like the new look.!
    Interesting to compare it to the early versions 🙂
    http://web.archive.org/web/20081119031026/https://greyscalegorilla.com/
    Cheers

  • Loving the redesign after the little adjustments you made.
    Good thing you’ve kept the double GreyScaleGorilla.

  • Hi Nick,

    Your improved site is nice. I agree with removing the categories bar, and instead just replacing this with your old links list.

    Also please create a greyscalegorilla message board. Your site is extremely popular but asking questions and actually interacting with the people on this site with the current format is extremely limiting and basically impossible. It’s setup so that Nick posts than heaps of people comment. Currently you and Chris are the only ones that have a voice. This site is not interactive besides once a month or so and 5 second projects are posted. Even then it’s awkward to try and communicate with the designers whom have posted projects.

    If you had a message board for people to post and ask questions to each other, users could be interacting and learning at a much more rapid and functional pace. Your site though very rich in content and awesome instruction, has hit a wall. People watch, say thanks, and leave.

    You could have the best motion design message board on the net. Please make this a reality.

    Thank you

    • You may want to try out the Facebook Page. It’s been a great community lately.

      • Hi Nick,

        Thank you for taking the time out to respond. Your website and content is second to none on the internet.

        I have visited your Facebook Page and pretty much the same types of problems exist. Yes, people can post on that wall instead of just you or Chris.

        However, that wall cannot be searched so even if decent answers or comments are given about a particular subject; they will just fall to the bottom of the wall and cannot be quickly referenced or bookmarked. Also scene files cannot be attached on a wall. So trouble shooting problems becomes awkward. Facebook pages or comment boxes do not replace a message board for collaboration and problem solving. Also a Facebook posting occupies a narrow area on the middle of the page which is squished to fill up a small box. Message boards allow for a much more fluid writing and viewing experience.

        I appreciate what you have done for Mograph and the high quality teaching and that you have provided. I sincerely believe that Maxon has benefitted from your contributions as well.

        I have no doubt that a GreyscaleGorilla message board would become wildly popular. This is in my opinion the last piece of the puzzle missing from GSG offering the go-to place for motion design.

        Please setup a message board, this will enable and streamline the possibility for your thousands of viewers to actually create a vibrant community.

        Thank you

  • Thanks very much for share your story with us. Your work is phenomenal, wonderful

  • Web design is a broad term covering many different skills and disciplines that are used in the production and maintenance of websites. Thanks.

  • ivan cyomoro kagame December 18, 2012 at 1:11 am

    There are actually specific posts available close to this, I’m confident taking there reference could practical experience produced this spot or post seriously informative. I’m not expression this post is unhealthy. Merely I will have to pronounce which the info supplied here was exceptional, merely to produce it far more in close proximity to full, supporting for some other former information will get been really superior. The points you get touched enable me to share seriously vital, hence I most definitely will spot a number of with the information and facts right here to create this in fact fantastic for entirely the newbie’s here. Numerous thanks these records. Essentially beneficial!

  • Thanks for giving such an informative blog. I really like your explanations described here.

  • Thanks for reminding me. I will get some of those back up somewhere.

  • Leave a Reply

    Your email address will not be published. Required fields are marked *

    Categories

    Follow us on Instagram