2550 Stephens St.
Vancouver, BC  Canada V6K 4K4
+1 604 565 0382
info@studiofaculty.com
M–F / 900am–500pm
2014

Truvelle

Branding / Website / Application
www.truvelle.com

BACKGROUND

We first met Gaby Bayona, owner of Truvelle Bridal after a mutual friend had connected us. Soon after a few quick introductory emails, we scheduled our first meeting together. Despite being under the weather that day, Gaby came by with tons of energy and a large pickle jar full of some type of recovery juice. Being just twenty two at the time, Gaby had already established an impressive first season for Truvelle—pioneering a new approach and perspective to wedding dresses all by herself. Gaby was looking to refine her brand and website as she planned the next chapter of Truvelle.

 

DISCOVERY

Working on Truvelle was a unique experience for us as Gaby had expressed her desire for Truvelle to be the right balance of not being overtly feminine. The women that Truvelle personifies are independent, confident and simply comfortable in their own skin. Upon studying the current position of Truvelle, we realized that the main task was to create a stronger brand direction around the brand. We began with our discovery process in establishing the core values and goals for Truvelle moving forward.

Faculty-Truvelle-signage-design-2wFaculty-Truvelle-Vancouver-store-1w

left: Truvelle interior signage.

right: Truvelle flagship store in Gastown, Vancouver.

DESIGN

When we first came on board the project, we had always felt that the Truvelle wordmark was not far off but simply needed some adjustments. With the original wordmark set in Garamond, the tall ascenders and tight kerning caused the characters to appear unstable and delicate. We proceeded to lower the ascenders of the original letters and increased the kerning to improve legibility and provide more breathing room between the letters. These slight adjustments allowed the wordmark to appear more grounded and confident as a whole. In addition to the wordmark, it was vital to establish a new direction for photography. Together with Gaby, we agreed on the use of white backgrounds and natural lighting to help brighten up and simplify the imagery while still capturing warmth in the photos. These elements greatly helped the refreshing efforts of the brand and translated effectively to the website.

 

WEBSITE

As we approached the website design, we aimed to include an ample amount of negative space to allow the content to appear with purposeful placement and enough “breathing room”. A white border was included around the edge of the website to reference white-bordered photographs and also reflect the same treatment used for the Truvelle linesheet cards. Garamond was used for the website to continue a consistent tone of voice for the brand throughout all touch points.

To see the website, visit:
www.truvelle.com

Faculty-Truvelle-Packaging-Labels-Design-1wFaculty-Truvelle-Packaging-Labels-Design-2w

Truvelle Print Collateral: Packaging Labels and Earring Card Design

Continuing the use of white space and Garamond typeface on Truvelle’s print collateral.

Faculty-Truvelle-website-design-1w

truvelle.com Homepage Design

A simple fullscreen image background with a fine white border design.

Faculty-Truvelle-website-design-2w

truvelle.com Gowns Page

A display of each year’s Truvelle gown collection in a three column format.

Faculty-Truvelle-website-design-3w

truvelle.com Product Page

Like a book spread, the product page displays a large portrait image on one side and product information on the other.

Faculty-Truvelle-website-design-4w

truvelle.com Stockists Page

Information pages such as Trunk Show, Contact and FAQ uses a similar 2 or 4 column design structure for content organization.

Faculty-Truvelle-website-design-5w

truvelle.com Mobile Responsive Layouts

The website’s menu was converted into a menu button for mobile interfaces.