This week’s website is the second in our experiment. We wanted to take you through a showcase of some of the neatest web pages from where we’ve drawn some inspiration, education, or just thought were quite nifty for various reasons. It’s the ‘nifty-ness’ of these pages that drew us to register the domain niftywebpages.com for this week’s feature.
We began by revisiting a list of web pages that we had been compiling for the past few months, breaking them into several categories based on 20 fairly subjective features (clean, colours, texture etc). We used these features to build a menu system for niftywebpages.com, but quickly realized that there were far too many categories to make this work in time. Remember, we only had one week to build niftywebpages.com. After some discussion and debate, we were able to narrow the website to 6 categories: ultra clean, colours, texture, sleek, unconventional, & columns.
Now that we had our categories selected, it was time to get into the fun stuff: design! Given the slightly antiquated nature of the word ‘nifty’, its use being far more common in American culture of the mid-20th century, we decided to build niftywebpages‘ logo and theme around the concept and colours of marketing material from this time era. The vision was to have a logo with one of those 1950′s-looking business-man caricatures giving the thumbs-up to the word nifty, all set on a background of age-faded yellow wallpaper. We achieved this with the help of photoshop and a google image search.
The next design elements we wanted were as follows:
- A dynamic (auto-updating) screenshot of the each featured web page
- A short description of each page
- A way for users to leave comments, linked specifically to each entry
- A way to display each web page entry (and add new ones) without having to hand-code every one.
- A way to display the websites newest-to-oldest on the home page
- The possibility for a search feature in the future as the listings grow
We knew that the inclusion of these elements would require a heavy use of dymanic, server-side scripting. In fact, we would need a full database to list each website, categorical listing, html link, comments, etc. In the past, this type of website has taken us between 60 and 100 hours to put together.
Given our short time-frame, we decided to build niftywebpages.com on a customized wordpress template. WordPress allowed us to bring-in every design element we wanted, while spending less than 20 hours on the actual development stage of the project, and less than 5 hours to populate the database with the first bunch of websites.
In the end, niftywebpages.com was a fun build. It wasn’t the most challenging build, but it definitely was not one for the beginning website designer.