Overview

Introduction

Client: Loosh Brands
An agile Production Platform producing a variety of Cannabis 2.0 and 3.0 products and formats. Located in the heart of midtown Toronto in North York. Besides production, it also owns and represents multiple brands.

This project aims to assist Loosh Brands using WordPress to overcome the challenges of an outdated official website. The existing website faced issues such as plugin failures, structural disarray, broken links, misplaced buttons, and lack of mobile responsiveness, leading to an inability to meet user needs and effectively present brand and product information.

Our main goal was to design a completely new official website that aligns seamlessly with the existing brand design principles. To achieve this, we integrated the brand's signature sun orange color and vibrant product imagery, crafting the design theme of "Radiant Ganja Paradise" for the website. This theme showcases a vibrant yet elegantly simple website design concept.

My Role

UX Designer, Content Designer, Storyteller

Tool Use

WordPress: Website development and content management system

Canva: Bi-weekly progress reports, Presentation

Xmind: Website mapping, Brainstorming

Problem Definition

Faced with a dysfunctional official website due to years of neglect, how could we combine UX and WordPress expertise to help Loosh Brands create a fresh, responsive, and user-centric official website?

Additionally, how could we design content guidelines to assist the future website management team in more effectively maintaining the site?

Solution

Our approach encompassed an exhaustive scrutiny and analysis of the website's existing content landscape. By gaining an in-depth comprehension of the prevailing circumstances, we laid the foundation for a new website structure meticulously aligned with the client's stipulations. Subsequently, we successfully executed the creation of an entirely revamped official website, meticulously designed to ensure seamless user experiences and alignment with contemporary design standards.

In addition to the website's structural overhaul, we furnished distinct content writing guidelines for various sections. This endeavor aimed to empower future administrators and teams to adeptly manage the website, ensuring coherence, relevance, and effective communication of the brand's narrative and offerings.

Research and Design

Current State Analysis

By extensively examining the present condition, we acquired a distinct comprehension of the website's arrangement and pinpointed prevailing challenges. The incorporation of Heuristics evaluation enabled us to comprehensively evaluate and enhance the user experience on the platform, rectifying any aspects that demanded refinement.

Current state analysis

Site Mapping and Architecture Design

By creating an intuitive navigation flow and logically organizing content, it enhances user experience, making it easier for visitors to locate information and engage with the site. This structured approach not only reduces frustration but also guides developers in accurate coding, leading to efficient development and minimizing errors. This process sets the foundation for a user-friendly, well-organized, and smoothly functioning website.

Sitemap Draft

Wireframe

Combining research results, design themes, information architecture, a more streamlined site map, and expert user experience knowledge, we customized the site's frames and models.

From low quality wireframes to results, we continue to create more improvements through user testing and keep optimizing the product until we reach our goal.

Low quality wireframes

Writing Guidelines

Our efforts have been dedicated to establishing a unified and organized content presentation throughout the website. By implementing precise and standardized writing guidelines, we ensure that the textual content on the website resonates with the brand's tone, style, and messaging. This uniformity not only facilitates user understanding but also strengthens the brand's identity, resulting in a seamless and captivating user experience. Moreover, our endeavor extends to empowering future administrators and teams to proficiently oversee the website, guaranteeing the continuity, relevance, and impactful communication of the brand's story and offerings.

Writing Guidelines

Accomplishments

In order to meet client requirements, surpass user expectations, and bring the design concept of "Radiant Ganja Paradise" to life, we implemented the following key enhancements:

• Streamlined and User-Friendly Homepage

  • We reconfigured the homepage for a more streamlined and user-friendly layout, ensuring a seamless browsing experience by rearranging design elements and optimizing font colors.

• Visual Optimization

  • Clearly defined color and font differentiation were established to ensure a seamless browsing experience for users by redesigning font colors.

• Information Architecture Optimization

  • Information blocks were clearly delineated, with a more user-friendly distribution of text and images, providing an intuitive and reader-friendly browsing experience.

• Utilization of Information Visualization

  • Complex data and ingredient ratios were presented through a visually comprehensible information visualization system, enabling users to easily read cannabis ingredient tables.

• User Freedom Enhancement

  • Breadcrumbs were incorporated to allow users to easily identify their current page location and navigate to other pages. Additionally, purchase buttons were designed to directly link to the purchase page, and more similar products were provided for user reference.

• WordPress Maintenance and Updates

  • Ensured consistent maintenance and timely updates to the WordPress platform to enhance security and functionality.

*The content material on this website is solely used to support the presentation of individual works, and all copyrights of the audio and video materials belong to their respective brands. Unauthorized use for any other purposes is strictly prohibited.