KonaCherry.com by Yassine Razzouki KonaCherry.com by Yassine Razzouki

KonaCherry.com

Yassine Razzouki

Yassine Razzouki

Kona Cherry Custom Shopify theme with GSAP animations

The brief

Kona Cherry needed a store that makes a rare, premium coffee feel exciting and easy to buy, not just expensive. Kona coffee is grown only in a small region of Hawaii, and Kona Cherry adds a unique cherry variety that blends Typica and Red Bourbon. That story is the brand's biggest selling point, but it is complex: growing conditions, wet processing, limited supply. The store had to tell it in seconds, then move visitors straight to the products. The range also goes beyond coffee into oils and extracts, so the design had to hold coffee and wellness products together under one clear, recognizable brand. Design approach

Design approach

We built the whole visual world around the coffee cherry itself, the fruit most coffee drinkers have never seen.
The cherry as the hero. Glossy red coffee cherries float across the hero and reappear through the page, tying every section back to the product's origin.
A Hawaiian landscape. A soft sky blue, drifting clouds and golden sand waves evoke Kona's climate without leaning on clichés.
A bold, warm palette. Cherry red from the packaging drives every button and call to action, set against sky blue, sand yellow and a deep charcoal for contrast.
Characterful type. A chunky, rounded display font gives headlines like "Discover the Art of Flavor" personality, paired with a clean sans serif for easy reading.
Story told visually. Instead of a long About page, a single coffee branch sits at the center of the origin section, with four short points around it: the cherry variety, growing conditions, processing method and limited availability.

Development

We developed the design as a custom Shopify store, with motion built in to make the brand feel alive from the first second.
Loading animations. Coffee cherries, clouds and content animate into place as the page loads, so visitors meet a lively brand rather than a static page.
Custom Shopify sections. The hero, origin story, journey and Instagram sections were built as editable Shopify sections, so the team can update text and images without touching code.
Product setup. Products, sale pricing and add-to-cart buttons were set up directly on the homepage carousel, so visitors can buy without leaving the first page.
Responsive build. Layouts, animations and floating elements were adapted for mobile, tablet and desktop.
Checkout and payments. Shopify checkout with Apple Pay, Google Pay, Shop Pay, Meta Pay and major cards, plus newsletter signup in the footer.

What we delivered, section by section

Every section of the homepage has one job: build desire for the coffee, then make buying effortless.
Hero. "Discover the Art of Flavor" with the coffee bag front and center, floating cherries and a single Shop Now button.
Shop Kona Cherry. A product carousel with sale badges, original and discounted prices, and add-to-cart buttons on every card.
Origin story. The coffee branch with four short points explaining why Kona Cherry is rare: the cherry variety, growing conditions, processing method and exclusive availability.
Our Journey. A real photo from the farm harvest with the brand's values, linking to the full story.
Instagram. Customer photos styled as polaroids, with a clear link to @konacherryusa to build social proof.
Newsletter and footer. "Good Stuff in Your Inbox" signup, organized links for shop, help and wholesale, a Made in the USA badge and payment icons for trust.

The outcome

Kona Cherry launched with a store that feels as distinctive as the coffee itself: playful, warm and clearly premium.
The origin story that once needed long explanations now lands in a single scroll, and every product is one click from the cart. Built on editable Shopify sections, the store also gives the team full control to update products, promotions and content as the brand grows.
Open question: add a measurable result here once available, such as conversion rate, average order value or sales growth after launch.
Like this project

Posted Jun 16, 2023

Discover our hand-picked, expertly-roasted Kona Cherry coffee, grown and harvested with care to ensure the highest quality taste.