Blue Rooster Restaurant & Bar

by | Sep 19, 2019 | Creative News, Web Design Portfolio

Latest Portfolio Items

Selva Grill Website Design

The Selva Grill has been a cornerstone restaurant in Sarasota, Florida since early 2005. Having gone through many challenges and changes over the years, 2021 saw the expansion of Selva to the new “University Towne Center”’ (UTC) location. This brought with it the need...

Darwin Brewing Company Website

We've been working with Darwin Brewing Co. since the beginning. Originally based in Sarasota, they moved their brewing operation to Bradenton in 2013. Over the years the brewery has become a staple in the Florida craft beer culture. At the start of 2021, the new DBC...

Southside Village Website & Business Directory

Southside Village Association is one of Sarasota’s oldest shopping districts. SVA has collaborated with over 50 established businesses that provide the general public with Dining, Shopping, Beauty & Wellness, and Professional Services. With this being considered,...

Florida Cattle Ranchers Website

Since 2015, Florida Cattle Ranchers has been promoting a harmonious mixture of gernerations-old ranching practices, the science of ecology, sustainable economics, and the values of hard work to a modern world. With this in mind, we set out to tell a story of how...

Tripletail Seafood & Spirits Website

One of a family of restaurants owned by Gecko's Hospitality Group, Tripletail Seafood and Spirits opened in February of 2021. This being the third web project we executed for the group, the familiarity between the Gecko's team and Creative Sarasota made the creative...

Aquarian Sky CBD Sparkling Water

Aquarian Sky CBD Sparkling Water is a new product expected to hit the market in late 2020 or early 2021. It is the result of the combined effort of Florida based FizzH2O, LLC and GreenWay Herbal Products, LLC operating from Tennessee. Partnering with Middle Tennessee...

Marie Selby Botanical Gardens

Marie Selby Botanical Gardens (MSBG) is a cornerstone attraction for the greater Sarasota, Florida area. With 45 acres of bay front gardens, Selby boasts: The Downtown Campus on Sarasota Bay is the only botanical garden in the world dedicated to the display and study...

FourThought Institutions Blog Site

FourThought Private Wealth, previously Pinkerton Private Wealth, is a wealth management and investment advisor practice that has been operating since 1968. After rebranding the company, they wanted a new website look. Implemented by another web firm, Max Kelly of...

Dockside Waterfront Grill

Dockside Waterfront Grill is a restaurant located at historic Fisherman's Warf in Venice, Florida. If you are coming by boat then look for marker 4. Visit Their Website. One of six restaurants owned by the Gecko's Group, this one has a distinct old Florida tiki vibe....

Mike Kelly Photography – Re-creation

Mike Kelly offers professional photography in Chicago, Illinois. In 2019 he started running into some problems trying to update his WordPress website. Mike called is brother, our very own Max Kelly, for some assistance. Objectives & Challenges The primary...

Blue Rooster Website Design ScreenshotsBlue Rooster’s slogan is, “Comfort Food & Feel Good Music”. Focusing on music and food rooted in a Southern culture, they deliver on that slogan. Everything they do draws from a rich Southern culture while putting a progressive twist on it: Their roadhouse-chic atmosphere echoes a rustic, mid-century juke joint that is comfortable and welcoming to everyone; Their food and bar menu is undeniably Southern (catfish, fried green tomatoes, mint julep) but always adds a new twist; Their music performances focus on blues, gospel, Americana, and jazz. It is from these characteristics that we drew our inspiration for the 2019 redesign of their website.

Objectives & Challenges

The primary goals for this project, aside from a fresh design facelift, was enhanced mobility and refined user focus. Each of these goals aimed to direct the visitor to 3 of the most important aspects of the business: the food menu, the bar menu, and, of course, the music lineup. Thus, the design focuses on providing unambiguous options from the get-go: 3 tastefully animated boxes at the top of the home page, one for each Music, Food, and Bar. These boxes, resting under the ever-present navigation, each have a link to the respective pages. The rest of the home page provides rows of subsequent highlighted content topics that are popular among visitors. Each non-home page provides a common yet attractive format of a bold header image with the page title and brief description over top.

Project Components & Highlights

  • Website Design & Layout
  • Responsive, Mobile Design
  • Custom Photography
  • Custom Menu Design
  • Simplified Print & Web Menu Management
  • Calendar of Events
  • Copy Development

Mobility Layout

Blue Rooster Website Design on IphoneThe original website had been built before the widespread use of tablets and mobile devices, thus the design and layout did not scale to accommodate such devices. The entire site would just shrink to fit on a phone: not good for on-the-go readability. First, we implement standard mobile break point stacking. This breaks content into stackable boxes that scroll so font and content size stays readable. We also culled and changed content based on the device that was being used. This way, mobile visitors wouldn’t be weighed down by information that was likely to be less important to a mobile viewer.

Simplified Print & Web Menu Management

Blue Rooster Web to Print Menu

Click To Enlarge

We are particularly proud of something we’ve never done before and something you don’t see very often. We have created 2 sets of layouts for the client’s menu web pages: one set for the web and one for print.

Menus, I’m sure all restaurateurs will agree, are a royal pain in the ass. Creating a printed menu in the first place is typically a logistical nightmare. You have to reconcile page size, margins, lots of copy, readable font size, images, etc. Add to that creating another menu for your website and then maintaining both is a time drain and a loathed task. We’ve simplified that for Blue Rooster.

Now, all the manager has to do is update a single menu: their website menu. After updating the online menu, the manager views the menu web page and, using the built in print functions of their web browser/computer, they print the web page menu on paper or export to pdf. Our code for the PRINT version strips away all extraneous images and unneeded sections of the web page and re-orients the remaining copy and content to fit on a 8.5 inch by 11 inch piece of paper. From there, they can either print the menu on their own printer or convert it to a pdf and send it off to a professional printer.

Let Us Create Your Internet Presence.

Creative Sarasota Design and Development is a full service website and graphic development workshop. We work with you and your team to create the visual, written, and web-based tools you need to advance your organization's agenda.

Please take a moment to view our portfolios and read more about our services. 

Drop us a line today.

If you have any questions, please call or email us for a free, no-obligation consultation.


(941) 229-0920