Leafly Products & Brands
https://www.leafly.com/products
UX, UI, and Art Direction
Problem Overview
With so many dispensaries opening up in the legal markets producers needed to keep up with both demand and to establish themselves as a unique brand. Leafly would be a marketplace to showcase both products as well as give brands a space to have presence. Early iterations of products and brands never evolved past the initial concept so by mid-2016 they prioritized the effort and organized around building it out.
Old Products & Brands template
Process
The product and development teams got together to story-map the new features and experience. We clustered goals based on minimum viable product and each version after that. We also wanted to cross-pollinate news content throughout the site and products and brands was the first stage of that effort. News stories would enhance product offerings and products descriptions would display on dispensary storefront menus. Migrating the site to the new 1280 px / 12-column responsive template also opened up options for page structure and user experience.
UI & Visual Design
Products and Brands picks up on the same responsive template and visual design already established for News. Here, again, I kept the designs clean and modular so that they could accommodate shifting business goals and allow flexibility to insert new modules without having to create a new layout.
Style Guides
Most of the interaction and style notes are delivered to development using Invision's Inspect tool. When incremental improvements are occasionally provided as redlines. In addition, style guides were created for vendors as well as internal teams to reference.
Future Explorations
The next phase of work would include linking products to menus and creating new UX in Leafly's business portal to allow for brands and dispensaries to manage their inventory and make quick updates. All the while we carried out A/B tests to make incremental improvements to the UX. Due to propriety content, the business portal can't be shown, but these are early explorations of menu linking that have since moved entirely beyond the scope shown below.
