Hopsonomy

An illustration of two people cheersing with the Hopsonomy logomark above them designed by Studio DNVR

Dark Skyz RVing

Brand Identity
Website
Brand Extensions

The Strategy

Hopsonomy is an online learning path to teach employees to pair beer with people. Businesses use Hopsonomy to train their teams about craft beer to increase sales, improve customer experience, and keep up with changing industry trends.

The original brand identity for Hopsonomy was confusing to potential customers, who at first glance might mistakenly assume the company specialized in the actual hops ingredient.

We built a new visual identity around two major themes:

  1. Provide approachable, practical craft beer education
  2. Increase craft beer sales

Client

Modern Training & Development, Inc.

Services

Strategy
Art Direction
Logo & Brand Identity
Web Design
Email
Social
Print
Merch

Credits

Web Development:
Tyler Primmer

Original brand identity

Old website screenshotOld website screenshot

New Logo & Brand Identity

Full-color Hopsonomy logo on white background designed by Studio DNVRbrand standards cover for hopsonomy designed by studio dnvra page from the brand standards guide designed by Studio DNVRa page from the brand standards guidea page from the brand standards guide designed by Studio DNVR
Hopsonomy logo designed by Studi DNVR on a glass door in a modern office building front and back Hopsonomy business cards designed by Studio DNVRHopsonomy Sales Sheet mockup by Studio DNVR

Art Direction

We worked with Matt and his team at Modern Training to develop an entire illustrated “universe” of the objects, people, scenes, and icons for marketing and course content.

After several strategy meetings, we chose a simple, minimalistic illustration direction that was versatile and fast to produce without sacrificing quality, clarity, or charm. This achieved several results:

  • Hopsonomy stands out from its beer education competitors
  • Makes the training approachable (the complexity of craft beer can often intimidate beginners)
  • Keeps concepts simple, clear, and digestible to make lessons stick
  • Speeds production to meet the need to make hundreds pieces of artwork for courses and marketing materials
  • Improves accessibility with an all-new responsive website and enhanced user experience/user interface (UX/UI)
Mockup of the software

Illustrations

Illustration of a woman holding a beer list designed by Studio DNVR for HopsonomyIllustration of a woman holding a beer list designed by Studio DNVR for HopsonomyIllustration of a man holding a beer list designed by Studio DNVR for HopsonomyIllustration of a man holding a beer list designed by Studio DNVR for HopsonomyIllustration of a woman holding a beer designed by Studio DNVR for HopsonomyIllustration of a man holding a beer designed by Studio DNVR for HopsonomyIllustration of a woman holding a beer designed by Studio DNVR for HopsonomyIllustration of a man holding a beer designed by Studio DNVR for HopsonomyIllustration of a woman holding a beer designed by Studio DNVR for HopsonomyIllustration of a man holding a beer designed by Studio DNVR for HopsonomyIllustration of a woman holding a beer designed by Studio DNVR for HopsonomyIllustration of a man holding a beer designed by Studio DNVR for Hopsonomy
Illustration of a brewing facility with Hopsonomy logo above it designed by Studio DNVRIllustration of a beer cooler designed by Studio DNVR for HopsonomyIllustration of a brewpub interior designed by Studio DNVR for Hopsonomy

Icons

A set of illustrated icons for Hopsonomy designed by Studio DNVR

Course Designs

Matt’s team uses the characters, objects, backgrounds, and icons we illustrated to create Hopsonomy learning content.

An illustration of a woman standing in front of a board with different beer types on it designed by Studio DNVR for HopsonomyTablet and smart phone displaying the software

Course Covers

Course covers graphicCourse covers graphicCourse covers graphicCourse covers graphicCourse covers graphicCourse covers graphicCourse covers graphicCourse covers graphicCourse covers graphicCourse covers graphicCourse covers graphicCourse covers graphic

Badges & Avatars

various beer badge illustrations by Studio DNVRvarious beer illustrations for hopsonomy designed by Studio DNVR

Website

A laptop, tablet, and smart phone showing the Hopsonomy website designed by Studio DNVRAn illustrative mockup of the Hopsonomy website designed by Studio DNVR3 smartphone mockups showing the Hopsonomy website designed by Studio DNVR

Email Marketing

email newsletter mockup with illustrations for Hopsonomy designed by Studio DNVRemail newsletter mockup with illustrations for Hopsonomy designed by Studio DNVRemail newsletter mockup with illustrations for Hopsonomy designed by Studio DNVR

Social Media

A smartphone showing the Hopsonomy website designed by Studio DNVRmockup of Hopsonomy's twitter pageHopsonomy facebook page mockup

Explore More Projects