Portfolio

Four distinctive types of websites have been selected to demonstrate the capabilities of Timothy Wu and Masterpiece Studioz. LHChinesepaintings.com represents a dynamic e-commerce data-driven site. CareerEmpowering.com is the ultimate informational and content intensive site with search capabilities. GobalDivision.net is a feature laden site that makes great use of the latest website technology such as Html 5, CSS3, Java Script and also follow both web standard, and progressive enhancement. It is also a Responsive Web Design site that is friendly to all devices  like mobile, tablet, desktop…. The last one, jakereeseart.com is the ultimate in mobile design which is “Dynamic Serving” and combined with RWD, we create a strategy that involves both front-end and back-end optimization.

Lin-Hua Chinese Paintings
www.lhchinesepaintings.com

This site demonstrates the possibilities of e-commerce. It utilizes key technology and provides all the functionality and design aspects necessary to sell products. The site offers strong search engine optimization. The web content is clear and understandable to anyone who wants to find great Chinese art at a reasonable price. It is easy to find just the right painting and quickly complete the transaction. Many sophisticated (but transparent) features, such as ASP.Net MVC and jQuery, are included, adding significantly to the quality of the shopping experience. The site is database driven and the shopping cart integrates with a PayPal account. Through the E-mail Club, visitors can be alerted to new site content and this encourages them to return more often.

Career Management Resources
www.careerempowering.com

This website is the ultimate informational site. It offers the complete text of two books published by the owners, totaling more than 500 pages in their paperback form. These books, along with numerous articles, are completely searchable by key words. The site offers a friendly print capability for the book section that strips out all unnecessary items such as images, navigation, or advertising, leaving only the pertinent content. It is easy to share the content through such sites as Facebook and MySpace, as well as create Favorites. When visitors are interested in purchasing one of the many recommended books, they are immediately taken to Amazon through an affiliation link.

The site is built with a clean, valid (X)HTML and maintains appropriate Web standards, with the principle of progressive enhancement. It is more easily found and more easily used.

Websites with a fairly high volume of visits can generate additional revenue through Google AdSense. By going to the Resources section of Careerempowering.com, which contains the entire contents of two books as well as many articles, you can see the ads placed by Google AdSense. Each time a visitor clicks on an ad, money goes into your pocket. Timothy Wu will help you determine if your site is appropriate for Google AdSense, and will handle all aspects of dealing with Google.

Global Division Inc. (Mobile Friendly by RWD)
www.globaldivision.net/

This website offers the most up-to-date technology, a Responsive Web Design site that is friendly to all devices  like mobile, tablet, desktop… and one of the highlight that the 3 images on homepage will deliver an appropriate image to every user depending on a variety of conditions like screen size, viewport size, screen resolution, and more (this technique solve the biggest problem of the Responsive Web Design: performance or speed, especially for mobile). It also providing users with a great experience through the application of HTML 5, Java Script, CSS3, and progressive enhancement, as well all of the recognized web standards. These technologies also help increase your ranking on the major search engines.

Jake Reese Art (Mobile Friendly by dynamic Serving)
www.jakereeseart.com/

I would say that today’s ultimate in mobile design is “Dynamic Serving.” Unlike many technologies that quickly come and go, Dynamic Serving will be an essential tool for the next decade. It uses the same URL regardless of device, but generates a different version of HTML for different device types based on what the server knows about the user’s browser.

Visit the site and test it out with various devices you may have including desktop, tablet, and smartphone. Then go to other sites and try the same experiment. Can you readily see the difference? Key aspects of Dynamic Serving include:

  • It uses the same URL regardless of the device.
  • It has a version for desktops, as well as a version for mobile devices. The version for mobile devices is composed with the jQuery Mobile framework.
  • Two versions of html are utilized, depending on the type of device used by the visitor.
  • It uses new techniques including, “Bundling” and “Minification”, to improve load time by reducing the number of requests to the server and reducing the size of requested assets (such as CSS and JavaScript.)

Do visit the website mentioned, http://jakereeseart.com/. Hopefully this information can help you see the opportunities available to provide an outstanding experience for each visitor to your website.

AbodeMelbourneMicrosoftnewtekSmartertoolsTrustwaveCIW-Master Desiner

Seasons Switcher