Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Business Value and ROI ›› 6 Key Questions to Guide International UX Research ›› Lighting up High Times for the Web

Lighting up High Times for the Web

by Heath Beckett
4 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

A successful redesign of an iconic marijuana magazine website requires a design and development balancing act.

These days, magazines are often seen as relics of the past.

Subscriptions are down, and many editors are busy thinking of ways to revitalize the medium through myriad approaches.

So you can imagine my excitement when High Times called Ashe Avenue for a full revamp of their web presence.

As the design and development lead on this project, I saw that we were faced with many unique and interesting challenges.

Stems and Seeds

The High Times website was a bit of a mess when they came to us. They were very successful at attracting their traditional audience, but they weren’t reaching the newer and younger demographic. It wasn’t hard to see why. The old site was difficult to use and cluttered, which left users feeling like they stumbled upon a sketchy link farm.

We also noticed that around half of the site’s overall visitors were coming from mobile devices—but there was no tailored mobile experience so many users were not spending as much time as they could be interacting with the site. These problems had to be addressed to position High Times properly for digital growth.

[google_ad:WITHINARTICLE_1_234X60_ALL]

Grabbin’ the Grinder

Our approach was to totally rethink High Times’ online presence. This meant a complete overhaul of the architecture and simplifying and refining wherever possible. One of the big aspects that we wanted to carry over was the “feel” of the magazine, which we didn’t think was being accurately portrayed on the existing site.

Having the magazine in your hands felt cool, edgy, and interesting—but the site felt like it was stuck in the ‘90s and trying to sell you insurance. I wanted to make sure that the website felt every bit as cool as the magazine while maintaining a straightforward and easy-to-use interface that transitioned well from device to device.

We also had to take business requirements into account. Advertising was obviously a revenue generator, but it also served another purpose: providing a more legitimate means of promotion to small seed and accessory vendors. The ability for a sponsor to promote their product on one of the most well-known marijuana enthusiast magazines was a crucial selling point and had to be taken into account with every decision we made.

… it was crucial that the end product reinforced High Times’ reputation as a legitimate authority

With marijuana gaining legitimacy in mainstream culture through medical marijuana marketplaces and legalization, it was crucial that the end product reinforced High Times’ reputation as a legitimate authority in the market. The new site had to achieve two seemingly opposable goals: communicate the gritty, edgy feel of the magazine, while reinforcing their validity and reputation.

Packing the Bowl

To preserve the feel of the magazine, we decided to base our redesign on a full-screen carousel. This enabled us to translate the idea of the magazine centerfold to the web and focus users’ attention onto a single, powerful image. After all, what would High Times be without those big, beautiful photos of crystallized buds?

 

We simplified the navigation by reducing the hierarchical structure to no more than three levels of depth, and by providing enough targeted paths to content we made many articles a single click away.

To accomplish this, placement on the page was key. Whether it was a featured photo gallery or related content at the end of an article, it was important that the user could access as much relevant content as quickly as possible. We also ended up removing large portions of the legacy site that were not receiving much traffic because they were cluttering up the visual space and hindering visitors from finding the content they actually wanted to read.

 

We created a layout that was fully responsive, providing an optimized experience for every user, whether browsing on a phone, a tablet, laptop, or desktop computer. We decided on a responsive approach because it required no action on the part of the user to optimize their experience. Competing techniques such as native applications have their own benefits, but would have required an installation, which would delay access and prevent some users from interacting with the site.

4:20 to Launch

Through several rounds of wireframes, and with the help of our designers, we came up with a solution that met all of our goals. The new aesthetic was much more aligned with the physical magazine and provided an attractive, legible, and cohesive look and feel.

We also modernized their infrastructure using the latest and greatest in distributed cloud hosting to accommodate the increased traffic. Best practices in modern web development were also followed to ensure that the site was capable of future growth through organic discovery.

Upon launch we received a very positive response from users and the unique visitor count nearly doubled in the first month. Mobile visits also increased to comprise almost two-thirds of site traffic. Pages-per-visit also increased, signaling that the new navigation schema was successful.

Have you had any experience redesigning magazine websites? Share your insights in the comments section below.

post authorHeath Beckett

Heath Beckett

Heath is the lead front-end developer at Ashe Avenue. He’s heavily involved in planning every project and mapping out the proper direction—including wireframing, UX, and design. Heath has created unique Drupal-based platforms to handle the highest traffic demands for sites such as Kitchen Daily and Homesessive. Aside from front-end development, he’s also involved in growing new business for Ashe Avenue.

Tweet
Share
Post
Share
Email
Print

Related Articles

In an industry where clarity is key, why can’t we agree on the language to define what we do? Dive into the evolution of UX, UI, and Product Design — from pioneering generalists of the early web to today’s specialized roles — and discover how our industry’s struggle with terminology may be holding us back.

Article by Andy Budd
The Historical Context of UX, UI, and Product Design
  • This article delves into the historical evolution of UX, UI, and Product Design, tracing their journey from the early days of web design to modern hybrid roles.
  • It examines how the industry’s struggle with clear terminology has impacted its growth, potentially ceding authority to other professions like project management.
Share:The Historical Context of UX, UI, and Product Design
5 min read

The article discusses how we use maturity models in design and argues that “immaturity” frequently reflects smart strategic choices. Instead of trying to reach ideal standards, we should focus on how design aligns with business objectives.

Article by Andy Budd
Just Grow Up: Why Design Maturity Models Might Be Harming Our Industry!
  • The article questions how mature a design is. It states It states that some strategic decisions are called immature.
  • The piece uses budget airlines and luxury carriers as examples. These examples demonstrate that design decisions are based on business strategies, rather than universal standards.
  • The article says we should judge design based on how well it matches business goals, not by strict rules.
Share:Just Grow Up: Why Design Maturity Models Might Be Harming Our Industry!
3 min read

Discover how AI-powered gesture-based navigation is redefining app experiences, making interactions more intuitive and personalized. Explore the opportunities and challenges of this design revolution.

Article by Kevin Gates
Designing Serendipity
  • This article explores the role of AI in enhancing app navigation through gesture-based interactions, emphasizing a shift from traditional menus to intuitive, swipe-driven experiences.
  • It examines the intersection of AI and interaction design, highlighting how machine learning can support user discovery by anticipating needs and surfacing relevant content.
  • The piece critically assesses the potential of gesture-based navigation to improve accessibility, user engagement, and overall app usability, while addressing design challenges and potential pitfalls.
Share:Designing Serendipity
11 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and