Uljara Sveti Ivan

Client

Sveti Ivan Olive Oil Center

What

UX, UI, WooCommerce

Deliverables

Website, Webshop

Quality That Captivates

For more than 15 years, the Sv. Ivan Olive Oil Center in Vodice has been bringing to market the finest Dalmatian olive oils, born from the rugged karst landscape and winning over hearts and palates.Olives and olive oil are a true passion, both for those who produce them and for those who enjoy their rich and authentic flavors. We translated that emotion into the webshop designed for the Sv. Ivan Olive Oil Center by using a clean, minimalist layout, soft olive-toned colors, and a thoughtfully arranged structure that reflects the harmony of tradition and elegance. 

The Beauty of Tradition and Simplicity

We found inspiration for the design in the values closely tied to olives tradition, simplicity, and longevity. Spacious, clean sections for visual content place the focus on the product and its refined packaging. By incorporating generous spacing between blocks, we created a layout that feels light and breathable. Visual dynamism was achieved through vertical headings, intentional breaks from standard layouts, and an unconventional grid structure that adds character to the presentation.

 

The primary colors used in the design are yellow-green and gray. Yellow green symbolizes olive oil, and its use in a monochromatic color scheme contributes to the site’s cohesive and elegant look. Gray offers a gentle contrast and, thanks to its low visual weight, brings a sense of softness and calm to the overall composition. 

Three font styles were used throughout the design: serif, sans-serif, and handwritten. The serif typeface Lora was chosen for headings, as it beautifully balances the warmth of a traditional serif with its rounded, organic forms and the clarity of a modern, screen-optimized font. In the same way, the Sveti Ivan olive mill honors traditional olive oil production while embracing contemporary techniques and equipment.  The sans-serif font DM Sans complements Lora perfectly, clean, readable, and airy, ideal for longer texts and digital interfaces. To bring a human touch to the story, a handwritten font was used for accent details, adding a sense of authenticity and individuality to the design.