Bodecker Brewed

Website redesign

Overview

Bodecker Brewed is a coffee company with a patented brewing process offering consistent, high-quality coffee to offices. Aiming to improve staff morale and productivity while meeting corporate cost containment requirements, they provide a recyclable and cost-efficient brewing system. To effectively present their products to corporate clients, they needed a refreshed online presence. My team and I developed a website to highlight their unique offerings and appeal to businesses seeking quality coffee solutions.

Challenges and Solutions

Product Catalog Implementation: Bodecker Brewed needed an online catalogue to display their range of coffee pods and brewers to corporate clients, without enabling direct online purchases.

  • Solution: We integrated WooCommerce to create a comprehensive product catalogue. By customizing the settings, I showcased products without the e-commerce purchasing functionality. This allowed for an organized display on both the frontend and backend, leveraging WooCommerce’s robust features for easy management and navigation.

Content Organization and Navigation: The existing website had disorganized content, with some links hidden and information scattered, leading to a confusing user experience.

  • Solution: We restructured the website’s content, creating an intuitive navigation system. Outdated and repetitive content was removed, and essential information was streamlined, ensuring that visitors could easily find what they needed.

Visual Design Refresh: The website’s outdated design did not reflect the company’s innovative spirit or appeal to modern corporate clients.

  • Solution: We developed a fresh, contemporary design that aligned with Bodecker Brewed’s branding.

Product Categorization and Image Optimization: Products were not systematically categorized, and images were not optimized, affecting both user experience and site performance.

  • Solution: We organized all products into clear categories, making it easier for clients to browse the offerings. Images were edited to create visual coherence across the website.

My Role in the Project

Project Management

Led the project from initial consultation to final launch, coordinating with Bodecker Brewed’s team to understand their goals and requirements. Established timelines, allocated resources, and ensured that all deliverables met the client’s expectations.

UI/UX Design

Redesigned the website with a modern look and feel, focusing on clean layouts and intuitive interfaces. Selected color schemes and typography that aligned with the company’s branding and appealed to corporate clients.

WooCommerce Integration

Implemented WooCommerce to create a customized product catalog without the shopping cart feature. Configured the backend to allow easy product management and organized the frontend for optimal product display.

Product Management

Organized products into appropriate categories, ensuring consistency and ease of navigation. Optimized product images for fast loading times while maintaining high visual quality.

Graphic Design

Designed product images for a cohesive product experience and created custom website icons used throughout the website, enhancing the site’s visual appeal and consistency.

Content Strategy

Analyzed the existing content and restructured it for clarity and ease of navigation. Developed a site map that logically organized information, making it accessible to users and enhancing their browsing experience.

Metrics

2

Weeks of development

40

Reduction in bounce rate

70%

Decrease in load times

65%

Increase in time spent on website

I modernized the layout!

I transformed the Bodecker Brewed website from an outdated and cluttered interface into a sleek, modern, and user-friendly platform. By simplifying navigation, incorporating bold visuals, and highlighting the brand’s eco-friendly message, I created a clean and engaging design that aligns with today’s web standards, enhancing both functionality and user experience.

I upgraded product catalogue!

I redesigned Bodecker Brewed’s product catalogue, replacing the outdated, text-heavy format with a sleek, visually engaging interface. The new design categorizes products intuitively, highlights high-quality imagery, and improves navigation for an effortless browsing experience. This upgrade ensures users can quickly find and explore the brand’s offerings, creating a more enjoyable and streamlined shopping journey.