OVERVIEW
I partnered with commercial photographer Bryan Chris to help his client Viewrail elevate their position in the market as a premium brand. With most of their revenue coming from online sales, their new website needed to be the primary ambassador of the updated brand. Visual design and UX / UI elements were designed to help guide the in-house marketing team create the new site.
FEATURED SKILLS:
Creative / Art Direction, Graphic Design, Typography, Interactive UX / UI Design, Web Design, Instructional Design, Copywriting.
Creative / Art Direction, Graphic Design, Typography, Interactive UX / UI Design, Web Design, Instructional Design, Copywriting.
SOFTWARE:
Adobe Illustrator, Photoshop and Muse; Elementor for WordPress.
Adobe Illustrator, Photoshop and Muse; Elementor for WordPress.
PROJECT SAMPLES
MENU DESIGN: This UX / UI design element uses the menu to help educate customers about how each part of the railing system relates to its other parts and organizes the site structure to match. Understanding this will help customers later when they decide to build and purchase their order.
Landscape orientation for desktop
Portrait orientation for mobile
LANDING PAGE HEROES: By back-lighting product displays with the client's corporate blue and composing artistic shots we are able to achieve and sense of drama, mystery and low-key richness that helped set the tone for positioning Viewrail as a premium brand. The chosen typeface, Accumin, is also set in a thin weight to reflect the elegance of their cable and rod railing products.
INSTRUCTIONAL DESIGN: The client's product is not something that can simply be "put in a cart". The railing and stair systems have many components that need to be counted, calculated, and considered before purchasing. In order to help customers successfully purchase these products online, a detailed instruction slider was added to the web-store for railing.
Since each customer's installation of the stair product would be unique, a different approach was needed. This led us to choose a graphical gravity from where customer's choices and contact info are collected and then sent to sales representatives to complete the purchase.
