• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Klong Designs

Klong Designs

Wordpress Designer, Developer and Web Programmer

  • Home
  • About
  • Services
    • WordPress
      • Theme Design
      • Plugin Tweaks
      • Site Migrations
    • Graphic Design
    • Custom Programming
      • Responsive Design
    • SEO
  • Articles
    • Facebook
    • HTML
    • jQuery
    • PHP
    • WordPress
  • Contact/Quote Request

Designing a Better Blog

August 21, 2013 By Chris Klongpayabal

new-blogI’ve had several people ask me about my process for designing a new theme for a client (either for WordPress or just a static HTML page). Since all of my themes are custom made, I don’t use templates. However, I do use other sites for inspiration. I will spend a couple of hours browsing the internet, looking at sites to see what I like and don’t like and wait for inspiration to strike. As I’m looking around the internet, I will usually begin to see the final website in my mind.  That’s when I break out the pencil and paper.

I now do a rough (and I mean rough) sketch of the site layout. Nothing concrete, just placeholders so I can see the design on paper. I will have a location for the main links (whether they are vertical or horizontal), the main image, the header text, the logo and any image ideas (noted by a square with text in it). Once I have that. I set it down and walk away for a few hours. I play with my kids, talk to my wife, check my facebook and twitter stuff. Then I come back and see if I like my rough sketch. If I do, it’s off to my third step: the digital mockup

I use the 960 grid system for all of my layouts. So I crank up Photoshop and load in my 960 grid system template and start putting my rough sketch into a concrete design. I pick my colors, add the logo, any images I have and lorem ipsum text (filler text). Then I put it away for another few hours.

When I come back, I make sure I still like the layout and design. And then I send it to the client for approval.  And that’s my process. I know it’s the down and dirty method, but it’s the method I’ve always used, and it hasn’t let me down yet.

Primary Sidebar

Quick Quote

Footer Quote

Footer

Services

Graphic Design - This includes (but is not limited to) logos, banners, signs, posters, business cards, rack cards, brochures, flyers, and postcards.
Website Design - This includes (but is not limited to) theme design, logo design, banner ads, post graphics, pinterest-based images, image maps and navigation design.
Website Programming - This includes (but is not limited to) HTML, CSS, Javascript, PHP, jQuery, SCSS and LESS, as well as MVC frameworks, Theme updates and tweaks, plugin updates and tweaks, Multisite setup, plugin design and customization.
SEO Work - This includes (but is not limited to) analytics review, site SEO review, video SEO, ongoing SEO updates, sitemap setup and goal tracking.
Maintenance Work - This includes (but is not limited to) Keeping WordPress up-to-date, running backups of your site and database, and answering any questions you have about your site.
If you would like more information, please fill out the quick quote form. Thanks!

Follow

A Few Client Sites

  • 5 Dollar Dinners
  • Get Rich Slowly
  • The Happy Housewife
  • I Save A2Z
  • Hip Homeschool Moms
  • Redefined Mom
  • Queen Bee Coupons
  • More with Less Today
  • Saving Advice
  • One Crazy Mom

Copyright © 2025 · Klong Designs