I’ve made a lot of websites using different technologies, from WordPress themes to static sites, to complete AJAX-driven sites. My favorite designs are load-balanced to parallel load assets, have mainly static html files that have been rendered previously with AJAX to fill in dynamic bits, lazy-load images with my custom size-aware scripts, and generally strive to look slick. Here are a few examples.
Worldwide Brands Canada
This site makes use of 100% static HTML with lazy-loaded image assets, minified CSS and JS, and parallel loading for faster asset downloads. This site is responsive and mobile friendly.
Here are some exciting performance insights into the above site courtesy of tools.pingdom.com. This site is hosted on $6/mo shared host with basic HDD disks, but the performance comes using parallel loading and taking advantage of Cloudflare’s caching ability like a CDN. Google Analytics is the bottleneck.
The site below is in Japanese, and makes use of minified CSS and JS, parallel loading and rich media like a responsive HD YouTube video embedded in the frame of a modern Macbook with an animated preview GIF. This is done so the YouTube clip is only loaded when the play button is pressed, yet the animation draws the visitor in to press the play button. In addition, MP3/OGG audio clips are HTML5-embedded into a listening quiz with a final score and advice presented to the quiz-taker. The main CTA (call-to-action) buttons stand out in a pleasing way.
Here are even better performance insights into the above site again courtesy of tools.pingdom.com. This site is hosted on a cheaper $4/mo shared host with basic spinning HDD disks, but the performance again comes using parallel loading and utilizing Cloudflare’s caching capability. Google Analytics is again the bottleneck.
Masakokoro Aikido Dojo
This was one of my first designs made nearly 7 years ago! It’s not updated much by the owner, but it’s still in existence and the graphic elements have held up over time.
Aikikai Aikido Hombu Timetable
This was a site made before the iOS Hombu App was released. It utilizes the same API that the iOS app uses, and uses AJAX and jQuery to populate the rows. The rows are static HTML fetched from cache and inserted into the DOM by jQuery. It automatically refreshes every 60 seconds, and is in both English and Japanese. It’s simple, but it illustrates the effectiveness of making an API that can be used across the web, iOS and Android apps.
There are more web sites I have created, like the one for a now-retired Canadian Member of Parliament, and the one for a medium-sized English school in Calgary that went bankrupt two years after I made their beautiful site. There are other sites I’ve contributed to with programming or data-scraping like a coupon site, an affiliate marketing site, a reverse phone number search site, and on. There is no shortage of freelance work.