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:
- HOME
- EVENTS CALENDAR
- ABOUT
- GALLERY
- CONTACT
- FAQ
Initial Designs
- Utilizing images and information provided by the owner, I mocked up several pages in Photoshop before moving on to building the WordPress website.
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.
