Marketing.Simplifying.It
Coming up next…
Stay for more design process…
Share this on:
Del.icio.us, Digg, Facebook, Google Bookmarks, Twitter, Windows Live
Sponsor Ad:
Sponsor Ad:
E&A Trends
Coming up next…
Stay tune for more design process…
Share this on:
Del.icio.us, Digg, Facebook, Google Bookmarks, Twitter, Windows Live
Sponsor Ad:
Sponsor Ad:
Euro Furniture
Euro Furniture is the premium importer with extensive selection of prestigious high end designer brands from Europe. They are an authorized dealer for some of the most prestigious brands from Europe. Thanks to WordPress.com, Noppadol Chaisiri (Managing Director of Euro Furniture) found my portfolio through my previous post on design process for Buenos.com.my. I quickly rang him up to arrange our first meeting.
This is my second post on website design process. You are welcome to leave comments on any of my posts.
Project Title: Euro Furniture
Client: Euro Furniture Sdn Bhd
Nature of Business: Premium importer/dealer for high end furnitures from the Europe.
Design Theme: Artistic
Design Concept: Exclusive + Simple
Colour Requirement: Black or dark colours
Basic Requirement:
1. Full Flash content/presentation
2. Contemporary look and feel
3. SEO + Web statistic
Visitor Groups: Architects, Interior Designers, Retailers
Direct Competitors: Xtra Singapore, Space Furniture
The Workplace
Like their logo, the interior design of their workplace were mainly painted in orange.
The logo & business cards:
The first design of their business cards were printed with white background. They then decided to reprint the background with 90% black. “It looks more exclusive”, said Noppadol.
The cubicles:
The wall:
The Competitors
Some times, my clients would like to differentiate themselves from their direct competitors. Some times they also imitates the good ones. It goes the same with Euro Furniture. “I want something like this, but better!”, urged Noppadol while pointing to his competitors’ websites.
Xtra Singapore:
Space Furniture:
The Associates:
Euro Furniture is currently promoting some of it’s featured brands. And these brands inspired me a lot during the entire design process.
Design Process
For portfolio presentation websites, I usually start off with deciding what is the best screen resolution to fit my design. W3Counter.com‘s latest global web stats shows 1024×768 is still widely in use. I counter checked with Google Analytics which I signed up earlier for my personal web stats, it also proved that 1024×768 screen resolution is still major in use, followed by 1280×800 (mostly used in notebook computers).
With this figures, I decided to load up the Flash presentation with 900×600 in size.
Some Questionnaires:
Every first meet up with a fresh client I often throw them some questionnaires to fill up my design interest. These are some questions that I’ll definately ask:
1. What’s the name of the company?
2. What’s the name/title for the intended project?
3. Describe the company in brief/detail.
4. Describe the concept/product/service the site will provide.
5. Main contact person and their roles.
6. When is the right date to launch the project and why?
7. What is the budget like? (This is really important! It will be a lot more easier if they could provide me with the figures).
8. What is the reason commissioning a new or to rebuild the website?
9. If they have a current site, what aspects from it that works well and why? And what’s fail and why?
10. Describe the type of targeted visitors.
11. Describe their competitors and their web addresses.
12. What features to follow and what not to follow from their competitors’ site?
I’m currently designing a client work-sheet to help runs this questionnaires in a smoother manner. Once this is up, I will load it here.
Sitemap 1.0
This is a simple navigation layout.
The Unused Demos (Logo Introduction):
The Unused Demos (Navigation Introduction):
The Unused Demos (About page):
The initial design were presented with some floral ornaments on the edges of some frames. Noppadol does not like the flower arrangement, “It looks so feminine, right?”.
The Unused Demos (Products Page):
I then took out the ornaments and detailed the design with large backgrounds that randomly rotates every 30 seconds, added horizontal rules under every headers, applied thin frame on every images, and added a background music taken from TemplateWise.com Free Music Loops.
The Finishing
The entire design process tooks around 4 weeks before it’s launched. Click here to view the website.
Share this on:
Del.icio.us, Digg, Facebook, Google Bookmarks, Twitter, Windows Live
EuroFurniture.my is hosted by:
.gif)
Sponsor ad:
While the Twitter Tweets, Yahoo’s meme Barks!
Yahoo! launches an English version of Meme (another microblogging site like Twitter and Tumblr) after a soft launch of Meme in Spanish and Portuguese. From the look of it’s features, it seems like another competitor to Twitter and Tumblr.
Meme is currently recruting members on an invitation mode. You can register at http://meme.yahoo.com. Meme also provides username based URL like http://meme.yahoo.com/bobbydeboy. (phew..I”ve waited for about a week to get the invitation email).
This is what Meme would offer when your account is created:
1. You are off with an empty blog to fill with text, images, videos, music or any combinations.
2. Page layout can be customized with built-in themes.
3. Search and follow functions.
4. You can also leave comments on each post.
5. Repost anyone’s entry.
These are the screen shots from my Meme account. If you want an account for yourself, email me your details (name and email address) at bobbydeboy@hotmail.com and I’ll send you an invitation.
Share this on: Del.icio.us, Facebook, Twitter
Sponsor ad:
Sponsor ad:
New iPod nano Shoots Video
The new Apple’s iPod nano now comes with a built-in video camera and microphone to capture audio too! You can either record videos in potrait or landscape, then synchronize and edit your videos with iPhoto or any photo software on a PC, then share them in your Facebook, MobileMe or YouTube account.
The recording function comes with 15 special video effects such as Thermal, Mirror, X-Ray, Motion Blur, Sepia or Cyborg, allows you to direct your own Hollywood video and share them over the Internet. Read more…
Share this on: Del.icio.us, Facebook, Twitter
Sponsor ad:
Sponsor ad:
Download Your Copy of 31 Days to Build a Better Blog for an Investment of $19.95 from Problogger now!
HTC Hero Comes to Malaysia!
HTC announced it’s new Android based smartphone, the HTC Hero. It will be available in mid September 2009 for RM 2,399 - resource from TheStar Online.Hero is the third Google’s Android based smartphone after the HTC Dream and HTC Magic. It is built on 3 fundamental principles; Make it Mine, Stay Close, and Discover the Unexpected, which perfected the main feature of HTC Sense user interface experience.
The Hero is running on a 528 MHz Qualcomm processor with Android operating system, a 3.2 inches TFT LCD touch-sensitive screen with 320 by 480 HVGA resolution, an internal GPS antenna and a digital compass, weighing at 135 grams (with battery). This phone supports HSPA/WCDMA (up to 2 Mbps upload and 7.2 Mbps download speeds) and Quad-band GSM/GPRS/EDGE. It’s also come with a 5.0 megapixel camera with auto focus. The phone is coated with the anti-finger print layer that filter out finger print smudges.
For more information about the HTC Hero, click here…
Share this on: Del.icio.us, Facebook, Twitter
Sponsor ad:
Sponsor ad:
Buénos Kitchen & Wardrobe
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:
Welcome!
Welcome to the online presence of Bobby Ong. I am a self-employed graphic/web/system designer cum programmer cum independant affiliate, specialise in web design and development, and online marketing. I also do some photograhics. My company, Sirius Business Concept runs 2 major brands; Sirius Studios and Sirius Technologies.
In this blog, I’ll be sharing my work process for each project. This will be served as my working profile. I will also write on technology updates, some interesting findings and some sneak previews of my lifetime hobby.
I hope you’ll enjoy my site.
Cheers,
Bobby Ong
