Johnny’s Dirty Soda & Snacks is a family-owned Chicago brand bringing bold dirty sodas and snacks from around the world to the local community.

The goal was to create a website that felt as energetic and unexpected as the brand itself, while making it easy for visitors to discover the drinks, explore the snacks, learn about Johnny’s, and bring the soda cart to their next event.

Johnny’s is more than just soda.

The About section gives visitors a look into the family behind the business and the community they are building around it.

We used a combination of editorial layouts, photography, and straightforward storytelling to make the brand feel personal and authentic.

This section helps visitors understand the people and purpose behind Johnny’s rather than simply showing them what is available.

Typography became one of the strongest elements of the visual identity.

Large display type creates impact across major sections, while cleaner supporting typography keeps the information easy to scan and understand.

The color palette combines bright, energetic colors with neutral backgrounds to create contrast and balance.

The result is a visual system that feels bold without making the experience difficult to navigate.

Johnny’s already had a personality, the website just needed to bring it to life.

We built the visual direction around a vibrant combination of yellow, pink, purple, cream, and dark tones. Oversized typography, expressive layouts, product photography, and playful shapes give the website an energetic feel from the first interaction.

Rather than following a typical food and beverage layout, the design intentionally feels more like the brand itself: colorful, unexpected, and fun.

The drinks are at the heart of Johnny’s, so they needed to be at the heart of the website.

Large product photography and bold headlines immediately introduce visitors to the dirty soda experience.

Instead of treating the drinks like a standard menu, we gave them a much stronger visual presence throughout the page.

The goal was simple:

The same visual language carries throughout the experience.

Typography, colors, imagery, spacing, and graphic elements work together to make the different sections feel connected.

Whether visitors are exploring the drinks, learning about the brand, discovering snacks, or looking into the event experience, everything feels like part of the same Johnny’s world.

The soda cart is an important part of the business, so it deserved more than a simple mention.

We created a dedicated visual moment around the event experience, using lifestyle imagery and clear messaging to show how Johnny’s can become part of weddings, celebrations, gatherings, and other events.

The experience guides visitors naturally from discovering the soda cart to taking the next step.

The final website gives Johnny’s a digital presence that reflects the personality of the brand. Bold typography, vibrant colors, oversized product imagery, storytelling, and clear calls to action come together to create an experience that feels different from a traditional food and beverage website. Visitors can quickly understand what Johnny’s is about, discover the drinks and snacks, learn the story behind the brand, and explore the soda cart experience.

The Johnny’s project was about turning a fun and unconventional food concept into a digital experience with the same energy.

The final experience doesn’t just tell people what Johnny’s offers.