Ohme

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

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

UX/UI Designer

Timeline

3 days

Collaborators

Kataryna, Kayla, Simon

Problem

Problem

OHME was seeking a website redesign that aligned with their existing aesthetic while improving clarity and engagement.


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

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. The result is a site that feels fun, fresh, and unmistakably OHME.

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.

Branding

Branding

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

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

Woman with color palette

Information Architechture

Information Architechture

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

I 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 me to our decision of a simplified mega menu.

We found that multiple links led to 404 errors, and certain items like accessories weren’t accessible from the main navigation.

Woman with color palette

Original Site

Original Site

Close inspection of Ohme's original website revealed some accessibility issues and UX/UI optimization opportunities.

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

Landing Page

Landing Page

Overall, the UI was refined for better accessibility, readability, and engagement.

I addressed the issues through the UI, and added some fun & visual flare.

Woman with color palette

Product Page

Product Page

I reimagined the product page to follow familiar UI patterns for ease of use, and strengthened the overall visual hierarchy was 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

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.

Want to create together?

Available For Work

clairemackie.ld@gmail.com

Created by

Claire Mackie in Framer

All rights reserved,

Claire Mackie ©2025