Roman Tarnavsky Designs

About the company:

Roman is a renowned craftsman that is inspired by nature in the Pacific Northwest. Focused on clean aesthetic design, and quality construction; Roman’s pieces are intended to blend art with functionality with a strong emphasis on simple lines and a minimalist style.

Project Objectives:
  • Re-design UI/UX website
  • Responsive/mobile ready layout
  • Easy to use e-commerce store
  • Easily showcase new projects / inventory
  • Include a blog section
  • Create a social media photo wall
  • Utilize ew brand image
  • Hands-on training session
  • Written how-to documentation

View Live Site

The client wanted to emphasize a uniform design while still retaining the ability to have a fully customizable website layout. Upon further consultation it was clear the the basic SquareSpace layout was not sufficient for what the client wanted. We transfered the domain to a hosted WordPress server.

Enchanced Customization

By electing to use a WordPress site, we could achieve the level of customization that the client envisioned. I created a customized theme utilizing the colours and branding images provided by the graphic designer. As per the client’s requirements, the top section of the website consists of a image carousel where the client can showcase some of his biggest projects. Below is the ‘Featured Products’ which is set by the client to promote specific inventory items.

Upgraded Product Listing

The product listing element was updated so that it displays the price and displays an ‘Add to Cart’ or ‘Select Options’ button’. Besides being very easy to determine pricing, the user also has a ‘Quick View’ button that opens up a modal which displays the most important product information.

WooCommerce Product Page

The product page was designed to have a more functional and intuitive layout. The product images automatically zoom in when hovering with the mouse, allowing users to view an item in great detail. Below the description we show users other products they might be interested in; this helps boost sales and product awareness. The product page follows a similar grid layout from the original site but is now packed full of features to enhance the overall user experience.

How-To Documentation

The client also requested to have a written manual detailing many processes related to managing the website. The documentation goes over the following areas:

  • Navigating The Hosting Provider
  • Managing E-Commerce Store
  • Shipping Guide
  • Managing Blog Posts
  • Managing Website Tags & SEO


View PDF File

View PDF File


View Live Site

Posted in WorkTags:
CSSHTMLJavaScriptPHPWooCommerceWordPress