I am an English website designer in Bangkok, Thailand. I grew up just south of London, about three miles from Sandhurst Royal Military Academy, and began experimenting with web design around 2004. I find designing, coding and programming websites a constant challenge, and over the years have had the pleasure of working with some great clients. Standouts include a former Wall Street banker who oversaw one of the largest mergers in American corporate history, a New Zealander who's built a mini-empire devoted to the world of yachting, and a variety of sole traders whose ambition is infectious.
One of my published designs, Mozart, was described on Amazon as "one of the most visually arresting designs I have ever seen on the whole of the internet" and in the book Ajax: the Definitive Guide as "an excellent example of just how far CSS in design has come". I made the design for CSS Zen Garden, an online resource that had a profound impact on the evolution of modern website design. The screenshot below shows the design as it appeared in Microsoft Expression Web for Dummies, page 165.
Services: logo design
The logos below are from a set of ideas I developed for Thailand's Department of Highways, part of the Ministry of Transport in Bangkok. The concept is based on an early 20th-century illustration depicting an elephant chair above a pair of tusks. The version on the right was chosen (and colored) for the website.
Thanks to services like Google Fonts it's now easy to add interesting fonts to websites and create the style you want. The most basic considerations when choosing a typeface are whether you like the characters and how they render at different sizes. The pages on this site are displayed mainly with Gill Sans Light, a famous typeface designed in the late 1920s. For a brief overview of typography, click any of the icons below.
Serif typefaces differ from their sans-serif counterparts in that they feature small, decorative flourishes at the end of the strokes. These flourishes, called serifs, were traditionally thought to increase readability and reading speed.
On websites, especially at smaller sizes and for short passages of text, sans-serif fonts are often a better choice. Popular serif typefaces include Georgia and Times Roman, while Arial, Verdana and Helvetica are some of the better known sans-serifs found on the web.
Kerning is a typographic term that refers to spacing between two consecutive letters.
The word above features two examples of kerning: the W "pulls back" the letter o that follows it, and the y occupies some of the space used by the a. The reduction in white space leads to a neater, more uniform appearance, and enhanced legibility. Some web fonts are notorious for poor kerning: Arial, for example, has no built-in kerning pairs and by default will display excessive white space between letter combinations such as Va and Te.
A typographic ligature is a special character that represents two letters joined together. Ligatures generally occur only in serifs, though Gill Sans and Futura (both sans serif typefaces) include them as standard characters. The text below is displayed with Gill Sans and features two ligatures.
The letters f connect to form a single character, and the second f joins with the i to form a character without the dot. The result is interesting, though not necessarily more legible.
Descenders are the parts of letters that descend below the baseline. The word below is displayed with Gill Sans and includes three descenders.
What I particularly like are the straight lines in the letters p and y, as well as the "goggles" shape of the g. This website uses the words designer and Bangkok a lot, so I wanted an interesting g rather than the bland curl found in sans-serif typefaces such as Arial or Helvetica.
Responsive design describes the techniques needed to ensure that websites can be viewed on desktop PCs, netbooks, laptops, tablets and smartphones. These devices generally have different screen sizes, so it's important that websites can adapt (or "respond") accordingly. Responsive design is now an integral part of the design process and something anyone about to hire a website designer should be aware of. For more information, Wikipedia's article about responsive design is informative, well-sourced, and offers links to other useful CSS resources.
Photography / Video
Visual imagery is an aspect of the design process that impacts heavily on "look and feel". Whether your website is a brochure site or an e-store, high-quality photography is essential. A few years ago we managed photography for website design projects in Bangkok and nearby provinces. This was fun but often time consuming. These days we generally outsource photo shoots to other website designers in Bangkok or a professional studio we partner with in Singapore.