http://tapasgitana.com/

Design by: http://1618creative.com/

Another site went live this week, this time for the restaurant Tapas Gitana. Before working on this project I actually had the pleasure of dining at their Northfield location after purchasing the groupon. Everything I had there was tastey. Becky is a vegetarian and there were many delicious choices for her and I to share. One of my favorite plates, although non-vegi friendly, had to be the Dátiles Con Tocino, which are bacon wrapped dates over red pepper cream sauce. Heaven.

This site is actually a revamp. The previous site was a static html site. The new version, along with an updated design, is now using our CMS system. Most of the site is pretty straight forward but here are some noteworthy items:

1. First the most noticeable is the navigation. It is a horizontal drop down, and can drop down 2 separate levels, and each being slightly offset and has a background image appearing to cut at a 45 degree angle. They also stretch all the way to the right no matter the parent item it appears under. It is using both CSS and javascript to accomplish the look.
2. Not as noticeable but perhaps the neatest are the context sensitive templates. Tapas Gitana has 2 different locations: Northfield and Chicago. A particular page will talk about one of the two locations, such as the menus or gallery. The design calls for displaying the address and reservation link near the bottom, depending on which location the page is referencing. I didn’t want to have the admin user cumbersomely fill this information out each time. Instead the template will display the correct address and reservation link by knowing if it is a Northfield page or a Chicago page automatically. The templates accomplish this simply by looking for one of the two locations in the url. For example: “/menu/northfield/cold-tapas” will render the Northfield information, while “/gallery/chicago” will render the Chicago information. A simple naming convention like this can save everyone a lot of time.
3. The last feature I’ll talk about is the reservation system. This particular system was already in place on the old site. The challenge was we were now adding the new Chicago location. The 3rd party system works by loading an external flash file in a popup lightbox. All the code is self contained and just takes different parameters depending on the restaurant. The reservation anchor tags themselves just use a Chicago or Northfield CSS class, which few lines of jQuery look at to determine which parameters to pass into the reservation system.

Wow wee, that is two restaurant site launches in the same week. It is a good week.

http://techniquerestaurant.com/

Technique is the brand new name of the Restaurants of Le Cordon Bleu culinary school campuses across the United States. Many of the schools already had a restaurant that the students worked in, but they wanted to standardize the names and the menus of each and rebrand it Technique.

I was tasked with implementing the new site’s design into HTML. It is a straight forward, elegant and simple design. The site was designed to let the pictures do much of the talking, as apparent with the large photographs on each page. We utilize slide shows on the home page, gallery and they are soon to be used on each of the location pages. The right text column uses thin custom scrollbars when needed. The navigation is a simple transparent, drop down style menu.

Overall I’m excited with the way the site turned out and can’t wait to work with the Career Education Corporation in the future.