Tag Archives: web design

The New Suklaa.org

suklaa-website-screenshot
Just so it doesn’t go un-noticed, I’ve just redesigned my company’s website. You can find it at suklaa.org.

What makes the new website

As it’s often the case, these redesigns don’t come too easily; first it was a problem of finding inspiration and direction, and next it was finding time that was hard. That said, it was a pleasure to work on it. I used the fantastic Sandbox theme which is – I guess – more of a framework that gives you the basic functionality of a WordPress theme but no styling. It was a bit tricky to get all the selectors to work as I’m not that used working with dynamic CSS selectors – which Sandbox uses – but got it working in the end. One of the main aim and ideas when getting started was to use as large as possible image. Most visitor on our site will have bigger than 1024×768 screen so the front page image as well as images on individual pages are 1024 pixels wide. Most thumbnail images on the site are ‘hot’ as in when you click on them, they load a zoomed version of the image. Check them out in our company blog: Suklaa Weblog. To do that zoom effect, I’ve used FancyBox for WordPress which I think is a must have plugin on any site that needs show photographs. FancyBox is developed by Janis Skarnelis and ported to WP by José Pardilla. They’ve done a fantastic job. I’m also using Category Posts Widget which allow me to pull lists of posts from different categories. Very useful. Other that it’s all pretty basic; Ultimate Google Analytics, Google XML Sitemap and All in One SEO Pack.

Few things to do

If you had a look at the site already, you’ve probably noticed that there’s a bit of work to be done. Mainly with styling the archive and search results page as well as coming up with a better design for the blog. At the moment it needs big photos to keep the text from being too wide. Not sure what I’m going to do with it. Maybe a hand coded sidebar element that gets dropped into each post? Is there a way of using a different template for a different categories? Also links need work done so they’ll actually look like links.

What do you think of the site? Any comments?

Web Design Workflow for Non-Web Designers


check $value ('0', '1')
if $value = '1'
then set hireDesigner to 'Yes'
else
tell application "iWeb"
launch
end tell
end if

A bit of light humor I used in a recent web design workshop I did for a group of photography students. Not sure how to continue it. Any ideas?

[UPDATE] I’ve now finished the script. It was so obvious in the end…

–kristian

digg_url = ‘http://tapaninaho.com/blog/2008/04/web-design-workflow-for-non-web-designers’;
digg_bgcolor = ‘#ffffff’;
digg_skin = ‘compact’;
digg_window = ‘new’;