ANTE SLADIĆ VINO
UX/UI DESIGN, WEB DEVELOPMENT
IN WINE THERE IS HEALTH
Ante Sladić Vino are honest and authentic varietal wines made from indigenous, hand harvested, organically grown grapes. They won numerous awards for their wines. They are located in the village of Plastovo and have divided their wines into three lines in order to highlight different soil types, locations and viticultural practices.
TECHSTACK USED
ELEMENTOR
WORDPRESS
CSS
FIGMA
CRAFTING AUTHENTIC DESIGN
During the design and development of the website I had the opportunity to work closely with acclaimed designer Damir Bralić who created the brand identity for Ante Sladić Vino. Through this collaboration I learned how to recognize and implement key features of a product or brand into web design. As a result, I gained a deeper understanding of the brand's essential characteristics, allowing the design to evolve and reflect the raw and authentic essence of the wines.
TYPOGRAPHY
The typeface Larish Neue was used throughout the website. Its serif style complements the brand's core values, contributing to a cohesive and authentic visual experience for the user.
The typographic choices made for the website go beyond aesthetic appeal; they serve to echo the brand's core values. The grape pliers from the logo are used to accent the subheadings, enriching brand visibility throughout the site. This was an intentional strategy that captures the essence of the brand without overpowering its innate authenticity.
The decision to center-align the text sections accross the website isn't just about style, but rather substance. It mirrors the straightforward and genuine spirit of the region where this wine comes from.
VISUAL COMMUNICATION
Visuals don't merely decorate - they communicate. Graphics presented inside this project aren't just eye candy but language, guiding the user to know the product more intimately. As users navigate trough the site, they will be additionally engaged with interactive elements, that "on hover" show descriptions of the graphic elements, cultivating a sense of discovery and curiosity, encouraging deeper engagement with the website.
CUSTOM SCROLL ANIMATIONS
A key feature of the website are its scroll animations. This impactful design choice was made to engage users and guide them through the brand's story in a more dynamic way.
Using Elementor's built-in capabilities, I was able to create custom scroll animations that not only add aesthetic appeal but also contribute to a more immersive experience. The animations serve as a visual representation of the brand's unique characteristics, underscoring the raw and authentic nature of the brand.
CONCLUSION
The design and development journey for Ante Sladić Vino has been a unique experience, encompassing everything from visual storytelling to technical precision. The collaborative efforts with Damir Bralić enriched the project, resulting in a digital expression that truly captures the essence of the brand. Our approach aimed to transcend the usual aesthetic considerations, focusing instead on how each element—from typography to interactive graphics—could amplify the brand's message. With the use of key technological stacks like Elementor and WordPress, we were able to integrate advanced features such as custom scroll animations, heightening user engagement. In sum, this project serves as a genuine connection with the audience, nurtured through every scroll, click, and hover—just like the ethos behind the wine itself.
