Ohme

During the FLUI Hackathon 2025, I redesigned the website for OHME, a snack brand.

Our focus was to create a more user-friendly online experience that stayed true to OHME’s aesthetic.

My role

UI design, Research

Timeline

3 days

Collaborators

Kataryna, Kayla, Simon

Problem

Problem

Problem

OHME was seeking a website redesign that aligned with their existing aesthetic while improving clarity and engagement. Their current landing page needed to be more concise while maintaining a playful and exciting feel.


Additionally, OHME aimed to simplify the shopping experience by reducing the number of clicks required to complete a purchase, making the process more seamless and user-friendly.

Solution

Solution

Solution

Keeping OHME!, OHME, — but more concise, more engaging, and more sales.

The redesign focused on translating OHME’s lively brand into a clearer, more intuitive shopping experience. I introduced a streamlined landing page that highlights products upfront, simplified the navigation to reduce friction, and restructured the checkout process to minimize clicks. Visual hierarchy and concise messaging keep the energy playful but direct, ensuring customers can quickly grasp the offering while being encouraged to explore further. The result is a site that feels fun, fresh, and unmistakably OHME.

Branding

Branding

Branding

In exploring branding directions, our goal was to reflect OHME’s mission: making healthy snacking effortless and enjoyable.

We aimed to highlight OHME’s vibrant product packaging, and we sought to capture both the playful energy of the brand and their dedication to wellness.

Woman with color palette
Woman with color palette
Woman with color palette

Information Architechture

Information Architechture

Information Architechture

Through our audit of OHME’s existing site, we concluded that a simplified mega menu would better serve users by allowing them to reach their desired pages quickly.

We found that multiple links led to 404 errors, and certain items like accessories weren’t accessible from the main navigation, they were only visible under ‘All Products.’ This, along with OHME’s relatively small product range, led us to our decision of a simplified mega menu.

Woman with color palette
Woman with color palette
Woman with color palette

Original Site

Original Site

Original Site

Close inspection of Ohme's original website revealed some accessibility issues and UX/UI optimization opportunities. Enhancing these kept the playful vibe while improving usability.

Some of the issues we found included a lack of contrast, confusing overall layout, phrasing issues, and overwhelming/cluttered sections.

Landing Page

Landing Page

Landing Page

We introduced motion to the hero banner, restructured content like the blog for clarity, and implemented a scalable mega menu with added promo space. Overall, the UI was refined for better accessibility, readability, and engagement.

We found that multiple links led to 404 errors, and certain items like accessories weren’t accessible from the main navigation, they were only visible under ‘All Products.’ This, along with OHME’s relatively small product range, led us to our decision of a simplified mega menu.

Woman with color palette
Woman with color palette
Woman with color palette

Product Page

Product Page

Product Page

We reimagined the product page to be more intuitive. The layout now follows familiar UI patterns for ease of use, and the overall visual hierarchy was strengthened to guide users through the page.

We added features like a product image carousel and a slider-based 'More Picks' section. Reviews became clearer and more engaging.

Woman with color palette
Woman with color palette
Woman with color palette

Outcomes

Outcomes

Outcomes

Redesigning Ohme’s website in just three days was both challenging and rewarding. Although our team didn’t win the hackathon, the project had an unexpected success: Ohme reached out afterward, impressed by our work, and invited us to collaborate further.

Demonstrating that a thoughtful, user-focused redesign—even within a tight three-day timeframe—can showcase brand potential, and open doors to meaningful collaboration.

Want to create together?

Available For Work

clairemackie.ld@gmail.com

Created by

Claire Mackie in Framer

All rights reserved,

Claire Mackie ©2025