Drink Mockly

The desktop homepage features a split hero image: a person in a denim jacket holding a Mockly can next to an alligator in a pond. A large headline reads 'NON-ALCOHOLIC LIBATIONS FROM NEW ORLEANS' with a 'BRING THE PARTY HOME' call-to-action button. The navigation bar at the top includes links for Shop, About, Find Us, Wholesale, and a Cart icon.The mobile version uses a stacked layout, starting with a large hero image of an alligator and Mockly cans, followed by the headline and 'BRING THE PARTY HOME' button below. The navigation is condensed into a hamburger menu next to the logo, with the cart button prominently displayed at the top right.

Mockly is a vibrant beverage brand dedicated to redefining the non-alcoholic experience through premium, ready-to-drink mocktails. Rooted in the soulful essence of New Orleans, the brand positions itself as a liberating alternative for the 'sober curious' and spirited drinkers alike, proving that alcohol-free libations can be just as complex and celebratory as their spirited counterparts. The visual identity is bold, maximalist, and unapologetically cool. Utilizing high-contrast photography, heavy typographic treatments, and a rich, moody color palette, the design rejects the sterile, clinical aesthetic often associated with wellness products. Instead, it embraces a lifestyle-driven approach that feels edgy, social, and deeply flavorful, targeting a modern, trend-conscious audience that values both flavor and social connection.

Credits

Design

Colors
Buckets
Palette
#F4EFE5
#2C2522
#B6682D
#8E2817
#566274
#BEAAA3

Technology

Ecommerce
Marketing automation
Miscellaneous
Security
Uncategorized
Pagespeed
Desktop
81
Performance
86
Accessibility
73
Best Practices
85
SEO
Mobile
37
Performance
80
Accessibility
73
Best Practices
85
SEO
Related websites
Advertisement
Learn more

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request.