N.Design Studio

N.Design Phoenix Finally Launched

Filed in: WordPress, News & Updates Jump to comments

After two months of hard work and learning, N.Design Phoenix theme is finally live! N.Design Studio is now powered by WordPress as a blogging and content management tool (CMS). This new design is much better in term of layout and coding. It is actually the fifth version of N.Design Studio. Since WordPress uses theme, so I’m calling this theme N.Design Phoenix instead of version five. Here I will tell you what are the differences in this theme and the older version.

Coding

This template is coded with validated semantic XHTML (proper use of H1, H2, UL, LI, etc) and CSS. It is much more accessible compare to the previous version. It has been tested on several major browsers (Internet Explorer, Firefox, Opera, and Safari), so it should work in all browsers. Beside of the screen stylesheet, I also designed a printer friendly CSS stylesheet that will exclude all unnecessary stuffs to save your ink and paper. It will only print the main content and exclude the navigation, sidebar, footer, ads, etc.

Design

This is the first time I used so many different colors on a template. The background and navigation buttons are designed in various colors on purpose since this is a phoenix theme. I tried to keep the reading area white and plain so the background image stands out. Black on white text also makes reading more comfortable. The font size is bigger than the older version because I realize a lot of my visitors have high resolution monitors (based on the statistic information I collected). However, numbers of visitor are still using or setting display at 800 x 600, so I designed this template that still fit (without horizontal scrolling) on low resolution setting but best view with high resolution display.

Comment

Feel free to use the comment form below to post your thoughts or questions on my new design.

109 comments so far

  1. Gravatar
    Nick
    # 1

    September 17th, 2006 at 6:24 am

    WordPress implementation is finally completed. Please let me know what do you think of my new design.

  2. Gravatar
    Pete
    # 2

    September 17th, 2006 at 7:11 am

    wow nice theme, i really like the header and navigation with the glass look to it.

  3. Gravatar
    Schwabby
    # 3

    September 17th, 2006 at 8:13 am

    As always your website and your talent impress me so much! You are an inspiration! Good work. I really like the new site. It is easy to navigate and read. VERY impressive!

  4. Gravatar
    Saige
    # 4

    September 17th, 2006 at 8:52 am

    This new theme looks awesome! I love the colours.

  5. Gravatar
    Richard A.
    # 5

    September 17th, 2006 at 5:15 pm

    Awesome website. Truly a good inspiration, love your illustrations. 10/10 rate!!!!

  6. Gravatar
    Boris
    # 6

    September 17th, 2006 at 8:21 pm

    Hi Nick, good job, I love what you’ve done with the place

  7. Gravatar
    Rick
    # 7

    September 17th, 2006 at 9:14 pm

    Wow i must say this is absolutly fantastic! The background ROCKS!

  8. Gravatar
    Shawon
    # 8

    September 17th, 2006 at 9:19 pm

    This is a very nice design. That background is sick! Nice job!

  9. Gravatar
    Tim
    # 9

    September 18th, 2006 at 1:25 am

    This is just awesome, I love the colours and everything is just amazing.

    You need to write some advanced CSS / XHTML tutorials on webdesign for us. :D

  10. Gravatar
    Miles Johnson
    # 10

    September 18th, 2006 at 6:08 am

    I am loving this design so much, the colors and everything are great and its nice to see you kept a few style things from previous versions. Only thing that stands out a bit weird, is the green buttons in the menu, the green seems off a bit or something, but besides that, great work!

  11. Gravatar
    Wolfgang Bartelme
    # 11

    September 18th, 2006 at 6:32 am

    Great work. Love the design.

  12. Gravatar
    rahul;
    # 12

    September 18th, 2006 at 10:04 am

    greattttttttttttttttttttttttttttt….. befor it beautiful but now it look moreeeeeee beautiful… great work

  13. Gravatar
    Nick
    # 13

    September 18th, 2006 at 2:38 pm

    Thank you for all the comments. I'm very happy that the background turned out great. I spent almost a week on it.

  14. Gravatar
    Stefan
    # 14

    September 18th, 2006 at 3:37 pm

    Spectacular design! Love the illustration at the top and the overall contrasts of the site, great job!

  15. Gravatar
    SonuSingh27
    # 15

    September 18th, 2006 at 4:15 pm

    Love the design, yeah wordpress makes life so much more easier than Dreamweaver.

    You site got 8.5 on Silktide Sitescore with testing of 5 pages, but when I tested it with 25 pages you got 8.8.

    You need to get more people to vote for you site, then you can fidn out what they think. Here’s the URL for the test: http://www.silktide.com/report.php?url=http://www.ndesign-studio.com/

    Peace

  16. Gravatar
    Calvin
    # 16

    September 18th, 2006 at 4:26 pm

    I love the Pheonix illustation at the top, it’s very nice and adds alot of flare to the site.

  17. Gravatar
    Jean Claude Attitude
    # 17

    September 18th, 2006 at 5:01 pm

    Woooaaaah !!! wonderful !

  18. Gravatar
    Char
    # 18

    September 18th, 2006 at 9:03 pm

    This Phoenix design is very pleasing to the eye!

  19. Gravatar
    Aaron
    # 19

    September 18th, 2006 at 9:19 pm

    you need to use onfocus =”blur()”

    when you click your top nav buttons you get that ugly dotted box across the whole screen in firefox

  20. Gravatar
    Nick
    # 20

    September 18th, 2006 at 10:37 pm

    Aaron said:

    you need to use onfocus =”blur()” when you click your top nav buttons you get that ugly dotted box across the whole screen in firefox

    Thanks for the little tips. It works.

  21. Gravatar
    Silver
    # 21

    September 19th, 2006 at 2:30 am

    Great design Nick. I always enjoy stoppping by to check your updates. Your work is very inspiring as well. Keep it up.
    -Alex

  22. Gravatar
    rzepak
    # 22

    September 19th, 2006 at 4:42 am

    wow, i must say it really great design!
    you have talent! great background

  23. Gravatar
    qureyoon
    # 23

    September 19th, 2006 at 5:18 am

    whoa… nice ^^ simple and clean ;)

    so far i liked this one the most ;)

    make loading a little bit faster too ;) since i’m still on 56k :P

    congratz ^^

  24. Gravatar
    stchatterbox
    # 24

    September 19th, 2006 at 6:17 am

    Nick, wonderful background! I wish I can learn how to make it……

  25. Gravatar
    Ryan
    # 25

    September 19th, 2006 at 12:59 pm

    The illustration really makes this site a 10, very nice. *goes back to envying your work* lol.

  26. Gravatar
    Eugenio Grigolon
    # 26

    September 19th, 2006 at 3:40 pm

    OMG!!! Amazing desgin, I love it!!!

  27. Gravatar
    Johan Norlund
    # 27

    September 20th, 2006 at 4:57 am

    Absolutely amazing design! Stunning! The email form on the contact page looks a bit messed up in Opera, but otherwise this site is a perfect 10:)

  28. Gravatar
    zoel
    # 28

    September 20th, 2006 at 5:13 am

    nice lay out! Absolutely amazing design!
    I posted in designdiary.org site, hmmm you need Drop down with Javascript from http://www.jek2k.com/wp/index.php/2006/07/14/drop-down-with-javascript/
    :-) for view comment and others content!

  29. Gravatar
    Nick
    # 29

    September 20th, 2006 at 10:54 am

    Thanks Zoel.

    I will see where I can implement that script.

  30. Gravatar
    manik
    # 30

    September 20th, 2006 at 2:42 pm

    nice site. looks so clean n crisp

  31. Gravatar
    NeODuG
    # 31

    September 20th, 2006 at 5:03 pm

    Lovin the new design nick!

  32. Gravatar
    Arthur Cundy
    # 32

    September 20th, 2006 at 5:41 pm

    Hey Nice job man! Looks very cool. I mean I didn’t think that your site needed to be redesigned but what the hay.

  33. Gravatar
    Christophe
    # 33

    September 21st, 2006 at 4:10 am

    Incredible, true artwork. Been on the internet for quite some years and your work is really in the top.
    Keep it up.

  34. Gravatar
    bluesaze
    # 34

    September 21st, 2006 at 6:13 am

    Looks really neat is it a K2 Mod ????

  35. Gravatar
    Marko Mihelcic
    # 35

    September 21st, 2006 at 6:48 am

    I really like it , the colors are just great,good work m8!

  36. Gravatar
    Yoshi
    # 36

    September 21st, 2006 at 7:19 am

    I just found this site on accident and i must say that I am thoroughly impressed with the layout. It’s just plain gorgeous.

  37. Gravatar
    shaun
    # 37

    September 21st, 2006 at 7:59 am

    Hi Nick great design and amazing website. Maybe you could make a tutorial about how you added wordpress and plugins to your current design of your website. That would help me and maybe lot of other people learning wordpress. Thanks

  38. Gravatar
    Jerry
    # 38

    September 21st, 2006 at 2:49 pm

    You are just too great! Man, I love your phoneix. I know you hear this many times but I still need to say it. ” you are not jsut good, but you are excellent!”

  39. Gravatar
    Firman Firdaus
    # 39

    September 22nd, 2006 at 3:29 am

    nice website you have here. so rich of colour and the content just great. keep up the good work!

  40. Gravatar
    fatihturan
    # 40

    September 22nd, 2006 at 9:26 am

    Great job dude. ;)

  41. Gravatar
    farNorth
    # 41

    September 22nd, 2006 at 12:07 pm

    Nick, your use of colors simply floors me. F**king awesome job wrapping this around WordPress.

    Now just release the theme for all of us to enjoy ;)

    Cheers!

  42. Gravatar
    Digit
    # 42

    September 23rd, 2006 at 2:15 pm

    Wow man, that’s amazing! You should be proud.

  43. Gravatar
    jason
    # 43

    September 24th, 2006 at 12:03 am

    well done! one of the better WP designs i’ve seen.

  44. Gravatar
    Mike Yarmish
    # 44

    September 24th, 2006 at 12:26 pm

    Wow. The design is really great! I’m not a fun of many colors on one site but that your combination looks awesome!
    By the way, how you made you portfolio section? I wanted to do something like that but didn’t find a good solution. May be you’ll write some tutorial about that on point to existed one?

  45. Gravatar
    Tam
    # 45

    September 24th, 2006 at 8:07 pm

    Great site man!! i wish i can make this like you!

    Where do you gets al the inspirations?
    BTW. Love the background!!

  46. Gravatar
    Greg
    # 46

    September 24th, 2006 at 9:08 pm

    Wow. I’m amazed and humbled at the same time. Great site, keep up the good work. My students love your site.
    -Greg Pipkin
    Graphic Design Instructor
    Eden Area ROP
    www.earop.org
    mrpipkin.wordpress.com

  47. Gravatar
    George
    # 47

    September 25th, 2006 at 3:21 am

    Congratulations on your redesign. It just keeps getting better and better here.

  48. Gravatar
    Lukas
    # 48

    September 26th, 2006 at 6:12 am

    Hi,

    can you maby release the theme for us?

    Very nice design!

  49. Gravatar
    Nick
    # 49

    September 26th, 2006 at 11:52 am

    Sorry, I’m not releasing the Phoenix theme yet since it is an icon of N.Design. However, I’m planning to design some free WP themes.

  50. Gravatar
    Karen
    # 50

    September 26th, 2006 at 1:49 pm

    I love the colors and layout of your site!! Congrats on a job well done.

  51. Gravatar
    Gaurav
    # 51

    September 27th, 2006 at 3:13 am

    i love the new site.

    Please update the tutorials more
    frequently.

  52. Gravatar
    designcode
    # 52

    September 27th, 2006 at 10:44 pm

    That’s stunning. I really loved the new design. Ndesign has now become one of my most favourite websites on internet. Great work.

  53. Gravatar
    fuBar
    # 53

    September 29th, 2006 at 5:00 pm

    This is a good website to get inspired. Bookmarked!

  54. Gravatar
    dayta
    # 54

    September 30th, 2006 at 3:55 am

    WOw Great………… Thanks For Everthing. I hope NDesign be better and better :)

  55. Gravatar
    Yax3l
    # 55

    September 30th, 2006 at 11:00 am

    Great design, especialy the header, its B.E.U.tiful

  56. Gravatar
    Pai
    # 56

    October 1st, 2006 at 7:30 am

    you know what, that illustration is fucking awesome! ive been admiring your style since the previous version of this site. you’ve inspired us a lot, man..

  57. Gravatar
    Feras
    # 57

    October 3rd, 2006 at 11:37 pm

    Man your theme is great!!

    Waiting for your themes…

    are you willing to sell themes?

  58. Gravatar
    Spamboy
    # 58

    October 4th, 2006 at 6:29 am

    I, too, enjoy the look. I wasn’t familiar with the older site, but what I like about this one are the good contrasts (green text on black, crisp outlines on the form, etc.) and the font selections. I’m about to convert my site over to WordPress, so this gives me some good resources and examples — thanks!

  59. Gravatar
    Tim
    # 59

    October 4th, 2006 at 10:04 am

    It’s beautiful…

  60. Gravatar
    Nigel
    # 60

    October 4th, 2006 at 3:17 pm

    Nice! I like it.

  61. Gravatar
    Asgeir
    # 61

    October 6th, 2006 at 7:39 am

    Woah! I have a new favourite designer. What inspired the header graphics?

  62. Gravatar
    Jason
    # 62

    October 6th, 2006 at 7:59 am

    I was really impressed when I saw v3. The mechanics and the design flow very well together. This redesign has completely blown that out of the water. It’s magnificantly built and designed. I love it! Keep up the awesome work!

  63. Gravatar
    Daryl
    # 63

    October 22nd, 2006 at 3:40 am

    i’ve learned a lot from your illustrator tutorials. thanks for everything. hope you could add me tutorials. by the way, love your pheonix theme, awesome.

  64. Gravatar
    Salvatore
    # 64

    October 24th, 2006 at 3:19 pm

    One of the best designes I’ve ever seen… but I am impressed by all your work. Your tutorials were very helpful for me.
    //Slovakia

  65. Gravatar
    Manit
    # 65

    October 30th, 2006 at 5:32 am

    your design is awesome! no comments about it
    especially the header. best design seen so far. GREAT!!!!!

  66. Gravatar
    myriam fartas
    # 66

    November 6th, 2006 at 12:37 pm

    Bravo pour votre site!! il est “Génialissime”, design parfait, choix des couleurs magiques!!!
    Vous pouvez être fier de vous!! mais surtout Continuez !
    à bientôt

  67. Gravatar
    Lgirl
    # 67

    November 7th, 2006 at 10:45 am

    one of the best i have ever seen……

  68. Gravatar
    Nathanael
    # 68

    November 8th, 2006 at 8:25 pm

    The best (blog) design I’ve seen. Very inspiring.

    PS. the submit button is a bit plain though

  69. Gravatar
    wwws
    # 69

    November 10th, 2006 at 2:54 am

    Now that’s art. Like it so much i post a link to my site. Out standing!!!

  70. Gravatar
    William Hook
    # 70

    November 10th, 2006 at 12:14 pm

    Very nice theme.

    Is there a chance you’ll ever release it to the public?

  71. Gravatar
    ahmed
    # 71

    November 11th, 2006 at 2:55 am

    halow

  72. Gravatar
    wwwwww
    # 72

    November 12th, 2006 at 2:01 pm

    wwwwwwwwwwwwwwwwwwwwwwww cool

  73. Gravatar
    frazz
    # 73

    November 17th, 2006 at 1:32 am

    Beautiful theme! Colorful yet easy to read! I’m looking for a wordpress theme similar…if you release this theme or have any wordpress themes you’re going to release let all know asap! Keep up the great work!

  74. Gravatar
    Nick
    # 74

    November 17th, 2006 at 1:55 am

    I actually have a theme ready, going to release soon… please check back later.

  75. Gravatar
    Eric
    # 75

    January 2nd, 2007 at 3:34 pm

    nick, do you have the old design featuring your “flow” illustration in an archive so we can still view it?

  76. Gravatar
    Jesse
    # 76

    January 2nd, 2007 at 6:33 pm

    Like the colors of the theme, very unique in design. Great job ndesign!

  77. Gravatar
    AL
    # 77

    January 27th, 2007 at 4:32 pm

    This design is incomparable to anything I’ve ever seen before!

  78. Gravatar
    zina
    # 78

    January 29th, 2007 at 2:01 pm

    wowwwww

  79. Gravatar
    Lillian
    # 79

    February 24th, 2007 at 3:26 pm

    This site is very nise and helpfull! Please visit my homepage:
    [@../doorway/blogspot/tr3.txt||10||p-11||3||

  80. Gravatar
    abi
    # 80

    February 25th, 2007 at 10:15 am

    you’re artworks are very good… they’re awesome;)

  81. Gravatar
    abi
    # 81

    February 25th, 2007 at 10:16 am

    *your artworks are very good… they’re awesome;)

  82. Gravatar
    Marsha
    # 82

    February 26th, 2007 at 10:22 pm

    Great looking site so far!! I’m just starting to look around it but I love the title page!
    [@../doorway/blogspot/tr9.txt||9||p-1||1||

  83. Gravatar
    Phillip
    # 83

    February 27th, 2007 at 1:06 am

    Thanks bro! Real good work! Would you please also visit my homepage?
    [@../doorway/blogspot/tr10.txt||7||p-1||1||

  84. Gravatar
    Traume
    # 84

    March 5th, 2007 at 9:00 pm

    Love your blog. I’m thinking of adding a blog for my discussions. Thanks.

  85. Gravatar
    Traume
    # 85

    March 5th, 2007 at 9:01 pm

    Love your website. Please checkout my website at www.adhotshot.com

  86. Gravatar
    Oswin
    # 86

    March 19th, 2007 at 11:00 am

    typed in illustrator tutorials and ended up here, now I’m a regular visitor, keep it up the site design is superb.

  87. Gravatar
    Blair
    # 87

    March 30th, 2007 at 7:18 pm

    Really nice and interesting website. Thank you a lot! Please visit my homepage too:

  88. Gravatar
    Lawrence
    # 88

    March 30th, 2007 at 7:18 pm

    Exelent! Good work! Please visit my homepage too:

  89. Gravatar
    Allen
    # 89

    March 30th, 2007 at 7:18 pm

    Great looking site so far!! I’m just starting to look around it but I love the title page! Would you please also visit my site?

  90. Gravatar
    Alan
    # 90

    March 30th, 2007 at 7:19 pm

    Hi there! Your site is cool, indeed! Please also visit my site:

  91. Gravatar
    Dianne
    # 91

    March 31st, 2007 at 4:15 am

    Really nice and interesting website. Thank you a lot! Visit my sites, please:

  92. Gravatar
    Tom Markey
    # 92

    April 2nd, 2007 at 11:57 am

    Hey, I have found your work a total inspiration to me. Check my website - www.spookedout.org

    Thanks ;)

  93. Gravatar
    Traume
    # 93

    April 27th, 2007 at 12:04 am

    You’re website is great! Once again, I ran across it while searching.

    Feel free to add your site on mine at www.adhotshot.com

  94. Gravatar
    Oremi
    # 94

    May 4th, 2007 at 5:44 pm

    Direct Real Estate Investment
    https://estatedeposits.com/?ref=1447

  95. Gravatar
    Thiago Pantera
    # 95

    May 8th, 2007 at 5:20 pm

    My inspiration. Look this! http://www.thiagopantera.com.br

  96. Gravatar
    mraz
    # 96

    May 9th, 2007 at 2:18 pm

    Very good site and layout, but if you want you can visit my site at: http://movie-osts.blogspot.com

  97. Gravatar
    John
    # 97

    June 14th, 2007 at 11:12 pm

    Very cool design! Useful information. Go on!

  98. Gravatar
    kyokusanagu
    # 98

    July 18th, 2007 at 10:05 am

    really nice and interesting website, is cool, good work, please visit my homepage too; i`am tokyo, is mi place, working in toyota, vehicles arming.

  99. Gravatar
    Mike
    # 99

    August 8th, 2007 at 12:28 pm

    It’s very beautifully.

  100. Gravatar
    sopitikoj
    # 100

    September 7th, 2007 at 11:27 pm

    Hi

    I like your logo. It very impressive, many thanks. Good resources here. Thanks!

    Bye

  101. Gravatar
    lokimikoj
    # 101

    September 21st, 2007 at 4:39 pm

    Hi all!

    Luogo grande! Grande giusto! I miei riguardi migliori al proprietario:)

  102. Gravatar
    WebGrafikler
    # 102

    October 23rd, 2007 at 1:56 pm

    Good theme.

  103. Gravatar
    Jacob Cass
    # 103

    November 30th, 2007 at 9:51 am

    Hi Nick La, I really love your site! It’s great. Im a 2nd year graphic designer student myself and love your stuff. I was wondering what CMS do you use for your portfolio section. Is it a plugin in for wordpress? I use NextGallery for mine but just curious to see what yours is. I had a look around but I dont think you mentioned it anywhere? All the best.

    Jacob Cass
    Just Creative Design

  104. Gravatar
    Edward
    # 104

    January 3rd, 2008 at 2:23 pm

    Nick, your Phoenix is inspired in the Dragons ofthe art named ¨Fileteado¨ ?
    e.g:http://www.fileteado.com.ar/media/GaleriaV.html

    Congratulations Edward

  105. Gravatar
    Serfull
    # 105

    January 21st, 2008 at 9:54 am

    Cool design.. Congratulations

  106. Gravatar
    Rakesh
    # 106

    February 13th, 2008 at 3:05 am

    All Indian desi xx Videos provided in this site,online videos,download videos.

  107. Gravatar
    ImRoN
    # 107

    March 5th, 2008 at 2:15 am

    Nice design. Nice content. Keep move on guys.

  108. Gravatar
    Baran
    # 108

    April 11th, 2008 at 6:54 pm

    good work :)

  109. Gravatar
    Canspaza - Things to do in Phoenix
    # 109

    July 17th, 2008 at 4:40 am

    I used to do a lot of web design and I’ve got to say this is simply amazing work. I’m I understanding everything correctly in that you did the background art yourself from scratch?

Post your comment





Categories