France-based liquor brand Braastad Cognac was exudes their namesake family values is distributed in a uniquely shaped bottle. This brand positioning is reflected throughout their website.
The website is a rich media experience that tells the Braastad brand's story, details the manufacturing process, and displays their products. It does an excellent job keeping visitors engaged throughout their experience on the site, particularly in the way they showcase each item.
Braastad Cognac's design utilizes large images styled to appear old-fashioned, but this vintage imagery appears in a grid structure that maintains order and keeps users from feeling confused.
It has a beautiful user interface with sleek components and plenty of background videos for visitors to engage with that also gently guide users from one page to the next.
From the moment the site loads, Braastad Cognac begins the user's web journey in a compelling manner -- in fact, it's comparable to unfolding of the actual product box.
Page navigation is very simple, clear, and displayed on all the four sides. Users can use the right-side arrows to go back and forth between products, and use the bottom “All Cognacs” button to see entire product collection. The top right logo acts as the “home” button, and the menu on the left lets users peruse the rest of the website.
The design style is minimalistic; the backgrounds are limited to black or white and product images appear front and center. The looping animation and exclusive illustrations on each background add a flavor to every page.
The testing notes use a sliding effect that lets them smoothly transition between items, and the product list offers a solid overview with direct access to any specific product. Users can also see the total number of products available.
The overall look of this site has a clean and sleek style designed to communicate the brand’s personality.
This product page is grid-structured, with one deep scrolling layout, however, the sticky navigations provide a user-friendly web experience.
The most interesting feature within the product page is the “STEPS” -- it's similar to a navigator, but offers an overview of the brand and easy access to other areas of the site. On the other hand, the "CLOSE" button is designed quite differently. Instead of being placed inside the popup window, the button appears when mouse hovers the outside area.
Once the user enters the product detail pages, they are greeted by full-width photography complimented with film grains effect. This produces an almost historical atmosphere; however, bold typography and other fine elements merge modern style with vintage. The content section also has a scrolling bar, which can show the user more information.
The color palette remains unquestionably on brand, with deep, warm hues of black, white, brown and the few touch of gold.
Braastad Cognac is an elegant website design in the Food & Beverage industry.
