K.W
Website Playbook
Playbook's Purpose & Roles
The BC Liquor Store Website Playbook serves as a comprehensive guide for
designing and developing an engaging and user-friendly online platform.
Its purpose is to ensurea consistent visual identity, enhance product discovery, and integrate educational content seamlessly across the site. By adhering to the playbook’s guidelines, the website will effectively cater to the needs of customers, providing them witha smooth and informative shopping experience.
About BCLIQUOR
BC Liquor Store aims to provide a seamless and educational online shopping experience for alcoholic beverages. The website should cater to both product discovery and customer education.
Playbook Audience
Designers, developers,
and content creators who will implement and maintain
the site.
Competitor Analysis
1. Everything Wine
-
Best Practices: Everything Wine excels in product categorization, with easy navigation and detailed filtering options, allowing customers to find products based on type, region, or price.
-
Opportunities: BC Liquor Store can enhance its user experience by incorporating more detailed filtering and categorization like Everything Wine, making product discovery smoother.
2. Wine and Beyond
-
Best Practices: Wine and Beyond offers a robust online education section with blogs, pairing guides, and tasting notes, making it a resource hub for customers.
-
Opportunities: BC Liquor Store can expand its educational content by adding more interactive elements, such as virtual tasting events or detailed video tutorials, to differentiate itself.
User Experience Research
Target Audience Overview:
-
Demographics: Primarily adults (21+), including both casual drinkers and enthusiasts.
-
Behavior: Users often seek a wide selection of alcoholic beverages and value educational content, such as pairing suggestions, tasting notes, and product origins.
-
Pain Points: Difficulty in finding specific products, lack of personalized recommendations, and insufficient educational content.
-
Needs: Easy navigation, detailed product information, and interactive content that enhances their purchasing decisions.
Visual Guidelines
Website Colour Palette
Typeface
Headline
Platypi
Body Text
Poppins
Illustration
Website Redesign
Creating the website book for BC Liquor presented an exciting
challenge, one that allowed me to delve deep into your brand and its competitive landscape. Through this process, I developed a keen understanding of BC Liquor’s unique positioning. With this insight, I crafted a website wireframe and mockup, each comprising five pages, to reflect a user-centric design. I've also included annotations in the wireframe to highlight my thought process and design rationale.
Wireframes
Mockup
Key Improvements
Modern Aesthetics and Responsive Design:
The overall look of the website has been refreshed to be more modern, ensuring that the design is fully responsive across all devices.
Typography Selection: Selected a Google headline font and a body text font that harmonize well together, providing consistency and readability across all platforms.
Enhanced Navigation Accessibility: The navigation bar has been optimized to increase accessibility, allowing users to read all the content seamlessly in one view.
Product Page Enhancements:
-
Added Filters and Sort Options: These features allow users to easily refine their product searches, improving their overall shopping experience.
-
Auto-Loading Feature: Implemented auto-loading for smoother, uninterrupted browsing on product pages.
-
Redesigned Product Detail Layout: The product detail pages now feature larger images and a cleaner layout, making information easier to read and the products more visually appealing.