Now, as I have mentioned before I have a “thing” for chocolate. So when I saw this HTML5 site that not only is written in nice looking (if very
DIV heavy) HTML5, but is also about taking tours of chocolate farms to learn about how chocolate is made, I was hooked.
I love how the site automagically (using my browser’s language settings) chooses the language best for me and so displays the site in English, even though it’s based in the Dominican Republic. It’s also very easy to switch between languages including Spanish, French, and German. This is an important feature for any sites that anticipate getting customers from multiple countries. And for a tourism website, this is a given. You should assume that your customers do not speak English when running an international tourist destination site. And chocolate attracts people from all around the world.
The designer clearly took the colors of cacao beans into consideration when choosing the site colors. The light greenish yellow background is easy to read the darker brown text on, and the oranges, tans, and browns that accent the page do the same. I like how each section of the page is divided by a dark brown line with a subtle top link, but you can also get to that information in the navigation bar at the top of the page.
The navigation bar itself is a nice interactive design. The tabs each change on mouse over, but there are subtle CSS transitions added that make the navigation more friendly. Plus, if you’re using a web fonts friendly browser, you should see the font Pacifico (a Google web font) for both the navigation and the headlines in the document itself.
But it’s not 100% perfect. Some of the images do not show up for me—especially those that are placeholders for videos. Instead I see a small placeholder icon. There are a number of places where the translation falls down, such as the “Ver más” button on the home page (under the “The Cacao Trail” headline), in the contact form, and the image alternate text. This isn’t a serious problem, as the important content has been translated, but it could cause confusion. I also found some of the cursive writing hard to read in smaller font sizes.
But all-in-all I think this is a very nice looking website. Now I just have to save up the money to go on the tour!
Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.