Fierce Whiskers - Andrés Gar Portfolio

Context

Overview

Fierce Whiskers, an Austin-based whiskey company with an on-site distillery and a range of products including whiskeys, bourbon, and seasoned offerings, sought to revamp their outdated website. The existing site lacked modern design, accessibility features, and user-friendly navigation.

My role

My role was to lead the redesign project, focusing on creating a modern, accessible, and visually appealing website. This included updating the visual design, ensuring accessibility compliance, improving the overall user experience, and integrating an e-commerce platform.

Background

The existing website was outdated and not user-friendly. It lacked accessibility features, making it difficult for users with disabilities to navigate and use the site effectively.

Target audience

The target audience included whiskey enthusiasts, tourists interested in visiting the distillery, and online shoppers looking to purchase their products.

Research and Insights

Research and Ideation

Conducted interviews with the owners and brand directors to gather specific information and understand the art direction. These discussions provided insights into the brand’s vision and the desired aesthetic for the website.

Competitive Analysis

Analyzed competitor websites to gather insights on industry standards and best practices for design and accessibility.

Key Insights

The new UI design was based on a recent rebrand of the company. The rebrand provided a fresh visual identity that was integrated into the marketing website to ensure consistency and appeal.

Design Process

Initial Concepts

Developed initial design concepts that reflected the new brand identity, focusing on a modern and clean look.

Wireframes and Prototypes

Created wireframes and prototypes to visualize the new layout and user flow. Ensured the design was intuitive and user-friendly.

Visual Design

Implemented the new brand’s color scheme, typography, and imagery to create a cohesive and appealing website.

Template Selection

Chose a template that met the needs for an e-commerce platform while reducing costs. This decision was crucial for creating a tailored and efficient user experience within budget constraints.

Development and Implementation

Development Plan

Collaborated with developers to implement the new design using modern web technologies. Ensured the website was responsive and accessible.

Content Creation

Worked directly with the owners to update product descriptions and imagery, ensuring the content was engaging and aligned with the new brand identity.

Final Website

Features and Functionality

The final website featured intuitive navigation, accessible design elements, and a seamless e-commerce experience where users can buy products directly.

Visual Design

Provided a cohesive, modern look that strengthened the brand’s identity. Tailored information on all products enhanced the user experience.

General Conclusions

The redesign of the Fierce Whiskers website received positive feedback from the clients, highlighting the improved navigation, modern aesthetic, and enhanced accessibility. The new website offered easier navigation, a more appealing visual design, and a user-friendly e-commerce platform. The contributions of design, development, and the clients were instrumental in the project’s success.