The Art Bar Salyersville

RESPONSIVE WEB DESIGN

The Art Bar in Salyersville pairs gorgeous instructed artwork with a fun and inviting atmosphere.  I created a website to offer users easy-to-access information on all devices. The website retains the look and feel of the brick and mortar space while presenting essential information to customers

Site URL: www.theartbarsalyersville.com

Design Goals

The owner of the Art Bar had initially created a website using Wix.  This was used as a blueprint for the current design.  The Wix design wasn’t responsive and didn’t reflect the look and feel of the brick and mortar space.  The was goal was to take the information from the original Wix website and flesh it out across multiple pages using an entirely new design built with WordPress.   

Discovery

I reviewed multiple websites for other art bars across the United States.  Design, information architecture, and functionality were taken into consideration during this research process.

Site Structure

After reviewing the original Wix design, other similar websites, and further discussing the goals with the owner,  the following structure was determined:

Initial Designs

WordPress Implementation

My initial plan was to build a child theme for WordPress using a bare bones Bootstrap theme.  However, after further research, I decided to use the Genesis framework due to its expanded customization options.  It was during this research that I also discovered a Genesis child theme that looked similar to my initial designs.  In an effort to expedite the development process, I decided to use Studio Pro as my Genesis child theme.  The child theme was then modified with HTML and CSS to match my design.

Calendar

Facebook events are used to organize the Art Bar calendar and to track event signups. The WP Pro Event Calendar was used to automatically pull FB events and display them on the Art Bar website. This eliminated the need to manage two separate calendars. ​