Skip to content

Buénos Kitchen & Wardrobe

September 4, 2009

This is the first project that I’m gonna unveil the design process. You are welcome to leave comments on any of my posts. It would be very appreciated if you could leave your name, e-mail address and website for each comment so that we could contact further. :)

Project Title: Buénos Kitchen & Wardrobe
Client: Zenith Woodsmith Sdn Bhd
Nature of Business: Kitchen and wardrobe design and installation
Design Theme: High-Tech + Artistic
Design Concept: Large background
Colour Requirement: BLACK, maroon, silver, white (according to their logo)
Basic Requirement:
1. Simple
2. Need more black or dark colour, need a “showroom” feel
3. SEO

A Visit to Buénos Showroom
Inspiration comes from many angles. In my way, I prefer looking at my client’s profile. Sometime the interior design of their workspace, or even a simple logo could easily help me match my work to their preference. For an instance, the dimmed light in their showroom helped with the background design of every pages you could see in buenos.com.my.

The Showroom:

The Office:

Logo and Business Cards:

Design Process
Before I start all the computer works, I usually draw flow charts to map the functionality, navigation guidelines and system flows. I also draw a color chart for CSS part. With this figures, it ease the whole process of designing.

The Flow Charts:

The Finishing
I took around 7-8 hours to complete the entire project. That include photo editing, system designing and simple programming, uploading all the files to the webserver, keyword sorting, submitting the site to major search engines, and stat tracking.

To view the website, click here.

Share this on:
Del.icio.us, Digg, Facebook, Google Bookmarks, Twitter, Windows Live

Buenos.com.my is hosted by:

Sponsor ad:

3 Comments leave one →
  1. sprogz permalink
    September 6, 2009 2:59 pm

    Nice blog post outlining your web dev process but it would have been great to have just a little more detail to fill in the outline.

    What are the numbers; 1, 2, 3, etc coming out from several of the “clouds” in the flowchart diagram?

    What does your colour chart for the CSS look like? Can we have more detail on your process for creating one for this client; I appreciate colours were mainly drawn from the logo and look/feel of the showroom?

    Can you provide a little more detail on your process for keyword sorting for SEO?

    Anyway, thanks for sharing. It’s always nice to see the process web developers take creating their clients’ web sites.

    • September 10, 2009 5:09 pm

      Thanks for the comment, sprogz. This is my first blog unveiling my work process. I’m currently working on a new project. I will put in more details as it comes.

Trackbacks

  1. Euro Furniture « Bobby Ong // Technology + Development + The Web

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.