in Site Developments · September 20, 2009

New Design, New Content — Asnio Back in Full Swing

Hello again every­one! How have you been? It’s been a busy time for all of us, and after a cou­ple months of not updat­ing this blog like I used to nor­mally — I’m back, and Asnio is back in full swing.

There has always been a lot of plans I wanted to carry out here but never got around to in the sum­mer. I plan to carry these things out this upcom­ing sea­son how­ever, and there will be more on that stuff later. But, I have excit­ing news for you now:

The New Design

Yes, if you haven’t noticed, the new design I have been tweet­ing about for the last few days on Twit­ter has finally been put up. I started the design back in July, but never fin­ished it. At first I was going to release it for free at Blo­gus­sion, but as I started work­ing on it more I decided it would be a great way to refresh Asnio for when I go back to work­ing here. But there is more planned for this design later.

So the one thing I focused on with this design is nav­i­ga­tion. Nav­i­ga­tion is an impor­tant part of a blog, and I felt like the tiny nav bar at the top of the blog in the pre­vi­ous design wasn’t doing much.

New Navigation vs. old

New Nav­i­ga­tion vs. old

As you can now see, the nav­i­ga­tion bar sticks out much more than it pre­vi­ously did and looks much more appeal­ing. In the blue bar, I have placed the pages on my blog that you can access, like learn­ing about me, or my pile of free stuff. Below that are some of the cat­e­gories on the blog where the most inter­est­ing con­tent is placed. You can of course see the full list of cat­e­gories in the new, gor­geous footer.

Right below the nav­i­ga­tion to the right of the page I have used the Mul­ti­me­dia box fea­ture in The­sis to cre­ate a ran­dom rotat­ing images sec­tion where I have included three ban­ners to dif­fer­ent places on the blog that I want you to visit the most:

  • The­sis Thurs­day — A weekly series ded­i­cated to the The­sis framework
  • Free­bies — A place where I throw stuff I make for you to down­load. And it’s all free, hence the cre­ative title.
  • Young Blog­gers — A weekly series where a new young blog­ger is interviewed.

New Footer, Bet­ter Steroids

I still have the same awe­some footer in effect here (want it?), but it’s amped up a lot. It now spans across the page, holds much more rel­e­vant con­tent and just looks a lot bet­ter overall.

A new fea­ture I added to it is really cool, the smooth scrolling fea­ture. It’s at the very bot­tom right of it, and if you click it, you will go to the top but it will be a much smoother ride if you under­stand what I’m saying.

Con­tent Navigating

I made get­ting to more con­tent a lot eas­ier than before. I decided it would be a lot bet­ter to get rid of all fea­tured posts and set­ting all of my posts to dis­play as teasers. Now, more con­tent can fit on the page and the size of the scroll­bar is slimmer.

I decided to go a lit­tle more mag­a­zine like in the side­bar and put the lat­est post from spe­cific cat­e­gories in the side­bar. I use an incred­i­ble plu­gin by an amaz­ing blog — Lat­est Posts by Cat­e­gory which is just an incred­i­ble plu­gin that is easy to use and style.

Look Around, Stay for a while. Grab the feed

Well, the Patri­ots game is start­ing right about now and I have to go. Rather than writ­ing about every sin­gle thing I did here and why — I think you should go look around the blog. It’s quite easy to get around too, as you will soon find out.

Have fun, and go Pats!

{ 30 comments… read them below or add one }

1 Willie Jackson September 20, 2009 at 7:13 PM

It’s amazing how powerful subtle gradients can be when combined with a well-planned design. Welcome back :)
.-= Willie Jackson´s last blog ..Drinking the Corporate Kool-Aid =-.

Reply

2 Alex September 21, 2009 at 9:47 PM

Thanks Willie! Gradients do a lot of talking, and even two or three well placed ones can really do a lot visually.
.-= Alex´s last blog ..Refresh your Blogging Process in 4 Steps =-.

Reply

3 Simple Llama September 20, 2009 at 7:42 PM

Yet another brilliant design from Alex. Fantastic work yet again – no question who I’m picking for my next design job.

Love the colors & layout on this one. Do you have a full-fledged portfolio site set up yet? If not you should – your work would speak for itself, and get you more business than you could probably handle.
.-= Simple Llama´s last blog ..SingleTasker Saturday – Banana Slicer =-.

Reply

4 Alex September 21, 2009 at 9:49 PM

Thanks a lot, I really appreciate the comment. :)

I don’t have my portfolio up quite yet, but even without it I am receiving more than I can handle! I actually have a few people on a waiting list because I am so busy, I can’t imagine how it will be WITH a portfolio up!
.-= Alex´s last blog ..Refresh your Blogging Process in 4 Steps =-.

Reply

5 Nick Tart | JuniorBiz September 22, 2009 at 4:28 PM

Hey Alex! I know I’ve told you this before, but your work is incredible! You know how you should free up time for more clients? Start charging more. Seriously, dude. I’m not sure how much you charge, but if you have too many clients, raise ‘em up! It’ll still be worth it to them.

Plus, having a 16 year old develop their site adds a unique story to their company. In other words, it differentiates them from their competitors. Don’t sell yourself short, bud.

Another option is to hire and train one of your friends. More complicated though. And it’ll take them a long time to learn what you know.

I really enjoy following your story, Alex. Keep it up!
.-= Nick Tart | JuniorBiz´s last blog ..Don’t Buy a Book Without Finding Where It’s Cheapest =-.

Reply

6 Alex September 23, 2009 at 6:17 AM

Thanks Nick, glad you like the design!

I did just raise my price, and I am still unsure if I want to keep going. I have decided to only work with three clients at a time so I can free up my time for blogging and other things.

I think people enjoy working with me, and being young just makes it all the more interesting!
.-= Alex´s last blog ..Refresh your Blogging Process in 4 Steps =-.

Reply

7 Ashwin September 20, 2009 at 11:15 PM

It was a nice idea to explain the nitty-gritty details of your Design and the reasoning behind it.

Good job!
.-= Ashwin´s last blog ..Thesis Theme : Setup Pagination on Home Page =-.

Reply

8 Alex September 21, 2009 at 9:49 PM

Thanks for dropping by Ashwin, glad you like the design!
.-= Alex´s last blog ..Refresh your Blogging Process in 4 Steps =-.

Reply

9 George Serradinho September 21, 2009 at 6:15 AM

It looks nice and fresh, maybe I will take some of the ideas to my blog, lol :)
.-= George Serradinho´s last blog ..Thesis 1.6 Beta – Custom File Editor =-.

Reply

10 Alex September 21, 2009 at 6:23 AM

Well George, nothing in the past seemed to have stop you from taking my ideas and code and then writing them as your own on your blog, so I wont be surprised. But all I have to say to you is start coming up with your own ideas, because one day you are going to steal the wrong thing from the wrong person and you will regret it.

Reply

11 David September 21, 2009 at 5:11 PM

Hey Alex, NICE DESIGN!!!

You must have got some ideas from my site ;)

Anyway loving the top navigation. I think your site designs are the best Thesis work I’ve seen. Clean code, original designs, good use of colour the list goes on.

Anyone who buys Thesis could learn a lot from you.

Keep Keeping On!
.-= David´s last blog ..How to Secure Your Gmail Account =-.

Reply

12 David September 21, 2009 at 5:16 PM

Hey Alex,

Dead link in the footer: http://asnio.com/teentrepreneurship/

Thought you should know.

Dave
.-= David´s last blog ..How to Secure Your Gmail Account =-.

Reply

13 Alex September 21, 2009 at 9:51 PM

Thanks David! Yeah, I may have gone a little overboard in taking ideas from your site, but I think everything is all good. ;) :p

And that link is dead for now, but I made it months back and planned on adding a post to it that ended up only half written. :S
.-= Alex´s last blog ..Refresh your Blogging Process in 4 Steps =-.

Reply

14 Abdel September 21, 2009 at 10:46 PM

The design looks great Alex. Nice work and welcome back :D

Reply

15 Alex September 23, 2009 at 6:15 AM

Thanks a lot Abdel, it means a lot!

Reply

16 Deneil Merritt September 22, 2009 at 12:10 AM

I must say the new look is great. It feels open, kind of like a happy feeling.
.-= Deneil Merritt´s last blog ..Flashback Monday – 100th Blog Post, Affiliate Program, & Super Mario Bros Z =-.

Reply

17 Alex September 23, 2009 at 6:15 AM

I’m glad my designs can have that kind of effect on people. Thanks for dropping by Deneil. :)

Reply

18 Alex @ Storm Shadow Costumes September 23, 2009 at 7:28 AM

Hey Alex, did you build this template yourself or did you buy it? If you bought it – where did you get it from? Cheers!
.-= Alex @ Storm Shadow Costumes´s last blog ..Childs Storm Shadow Costumes =-.

Reply

19 Alex September 23, 2009 at 9:39 PM

I modified a version of Thesis.
.-= Alex´s last blog ..7 Lucky SEO Tools for Your Blog =-.

Reply

20 Essay September 23, 2009 at 12:04 PM

I thought, you installed a new pre-designed blog theme. It’s good to know that , it is your own customized work.

Reply

21 Alex September 23, 2009 at 9:40 PM

Thanks! Yeah, I’m really not into using premade themes now that I know how to do them for myself. All I need is a good framework, and I’m all set to start up on a new theme!
.-= Alex´s last blog ..7 Lucky SEO Tools for Your Blog =-.

Reply

22 Jermaine September 24, 2009 at 10:31 AM

Hi Alex, definitely a great design! Only a site with as much content as yours could pull this design off and your site does it with ease. Keep up the great work, the wonderful articles, and the beautiful designs. You are definitely making an impact on the web, and the WordPress and Thesis communities :D
.-= Jermaine´s last blog ..Are Premium Themes Worth Buying? =-.

Reply

23 Alex September 24, 2009 at 7:26 PM

Thanks Jermaine!

I love using those little Thesis thumbnails on my blog, and I have always constructed the theme here around them. :)
.-= Alex´s last blog ..7 Lucky SEO Tools for Your Blog =-.

Reply

24 Bert September 24, 2009 at 11:19 AM

Alex,
Came across your site via a tweet from a colleague. I’m impressed with your Thesis and design skills. Also, the content on the site is engaging. Hat tip to you young man.
Would be great to collaborate with you sometime.
Keep up the good work.
Best regards,
Bert
(aka Berchman)
.-= Bert´s last blog ..A good week for links =-.

Reply

25 Alex September 24, 2009 at 7:41 PM

Thanks for stopping by Bert! Really glad you like the design here, means a lot coming from another DoubleMule Designer. ;)
.-= Alex´s last blog ..7 Lucky SEO Tools for Your Blog =-.

Reply

26 Tracy September 24, 2009 at 12:27 PM

I’m very happy to have found your site! Thanks for all the great info.

Reply

27 Taufiq Hasan October 2, 2009 at 7:43 PM

It’s great design. Thank you for your useful contents.. :D Cheers!
.-= Taufiq Hasan´s last blog ..Fake Google Adsense Income! =-.

Reply

28 Shubham December 4, 2009 at 2:39 AM

Well the new layout is just so awesome….loved it…!!..great going Alex.!

Reply

29 Peter January 5, 2010 at 8:34 PM

You are one talented kid. Beautiful design!
.-= Peter´s last blog ..Blueprint For How To Make Money With A Blog: Creating Content, Optimizing SEO And Promoting Your Site =-.

Reply

30 Somone | Thesis Theme HQ January 21, 2010 at 11:19 PM

Alex,

I can’t seem to see your nav bar (using Firefox). Perhaps it’s gone since you wrote this article, or its my browser or you aren’t displaying it for some reason?
.-= Somone | Thesis Theme HQ´s last blog ..Photoshop Header Logo Design: Hand Drawn Illustrations For Beginners =-.

Reply

Leave a Comment

CommentLuv Enabled