https://edobegagic.netlify.app/_nuxt/108ca98.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[7,2,4],{315:function(t,e,n){"use strict";n.r(e);var r={props:["route","title"]},o=n(27),component=Object(o.a)(r,(function(){var t=this;return(0,t._self._c)("a",{staticClass:"border-b-2 border-[#0C96CE] text-text text-center pb-1 button font-regular",attrs:{href:t.route,target:"_blank"}},[t._v("\n  "+t._s(t.title)+"\n")])}),[],!1,null,null,null);e.default=component.exports},316:function(t,e,n){"use strict";n.r(e);var r={props:["title","src"]},o=n(27),component=Object(o.a)(r,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"flex flex-col justify-center mt-10"},[e("img",{staticClass:"w-[72px] mx-auto",attrs:{src:t.src,alt:"stack badge"}}),t._v(" "),e("p",{staticClass:"pt-2 body text-[14px] text-center"},[t._v(t._s(t.title))])])}),[],!1,null,null,null);e.default=component.exports},339:function(t,e,n){"use strict";n.r(e);var r=n(27),component=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("div",[t._m(0),t._v(" "),e("div",{staticClass:"mx-auto w-full max-w-[756px] space-y-16 px-5 sm:px-0"},[t._m(1),t._v(" "),e("img",{staticClass:"w-[756px] h-auto object-fit mx-auto rounded-3xl header-shadow",attrs:{src:"/images/antesladic/antesladic-img.jpg",alt:"ante sladic vino"}}),t._v(" "),e("div",{staticClass:"space-y-4"},[e("h3",{staticClass:"text-center heading-4 max-w-[450px] mx-auto mt-24"},[t._v("\n        TECHSTACK USED\n      ")]),t._v(" "),e("div",{staticClass:"grid w-full grid-cols-2 lg:grid-cols-4"},[e("StackBadge",{attrs:{src:"/stack/elementor.svg",title:"ELEMENTOR"}}),t._v(" "),e("StackBadge",{attrs:{src:"/stack/wordpress.svg",title:"WORDPRESS"}}),t._v(" "),e("StackBadge",{attrs:{src:"/stack/css.svg",title:"CSS"}}),t._v(" "),e("StackBadge",{attrs:{src:"/stack/figma.svg",title:"FIGMA"}})],1)]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),e("div",{staticClass:"flex justify-center"},[e("LinkBtn",{attrs:{title:"VISIT WEBSITE",route:"https://antesladicvino.hr/"}})],1)])])}),[function(){var t=this,e=t._self._c;return e("div",{staticClass:"mx-auto bg-hero body"},[e("div",{staticClass:"relative max-w-[1530px] mx-auto"},[e("div",{staticClass:"px-10 pt-48 pb-32"},[e("h1",{staticClass:"pt-10 text-center cursor-pointer lg:text-lg_h1 heading-2"},[t._v("\n          ANTE SLADIĆ VINO\n        ")]),t._v(" "),e("p",{staticClass:"text-center cursor-pointer label_lg"},[t._v("\n          UX/UI DESIGN, WEB DEVELOPMENT\n        ")])])])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"space-y-8"},[e("h3",{staticClass:"text-center heading-4 max-w-[450px] mx-auto mt-24"},[t._v("\n        IN WINE THERE IS HEALTH\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        Ante Sladić Vino are honest and authentic varietal wines made from\n        indigenous, hand harvested, organically grown grapes. They won\n        numerous awards for their wines. They are located in the village of\n        Plastovo and have divided their wines into three lines in order to\n        highlight different soil types, locations and viticultural practices.\n      ")])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"space-y-8"},[e("h3",{staticClass:"text-center heading-4 max-w-[450px] mx-auto mt-24"},[t._v("\n        CRAFTING AUTHENTIC DESIGN\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        During the design and development of the website I had the opportunity\n        to work closely with acclaimed designer Damir Bralić who created the\n        brand identity for Ante Sladić Vino. Through this collaboration I\n        learned how to recognize and implement key features of a product or\n        brand into web design. As a result, I gained a deeper understanding of\n        the brand's essential characteristics, allowing the design to evolve\n        and reflect the raw and authentic essence of the wines.\n      ")])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"space-y-8"},[e("h3",{staticClass:"text-center heading-4 max-w-[450px] mx-auto mt-24"},[t._v("\n        TYPOGRAPHY\n      ")]),t._v(" "),e("p",{staticClass:"body"}

1,[t._v("\n        The typeface Larish Neue was used throughout the website. Its serif\n        style complements the brand's core values, contributing to a cohesive\n        and authentic visual experience for the user.\n      ")]),t._v(" "),e("img",{staticClass:"w-[550px] h-auto object-fit mx-auto pl-5",attrs:{src:"/images/antesladic/larish-neue.jpg",alt:"font"}}),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        The typographic choices made for the website go beyond aesthetic\n        appeal; they serve to echo the brand's core values. The grape pliers\n        from the logo are used to accent the subheadings, enriching brand\n        visibility throughout the site. This was an intentional strategy that\n        captures the essence of the brand without overpowering its innate\n        authenticity.\n      ")]),t._v(" "),e("img",{staticClass:"w-[550px] h-auto object-fit mx-auto",attrs:{src:"/images/antesladic/titles.jpg",alt:"ante sladic vino"}}),t._v(" "),e("p",{staticClass:"mt-4 body"},[t._v("\n        The decision to center-align the text sections accross the website\n        isn't just about style, but rather substance. It mirrors the\n        straightforward and genuine spirit of the region where this wine comes\n        from.\n      ")])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"space-y-8"},[e("h3",{staticClass:"text-center heading-4 max-w-[450px] mx-auto mt-24"},[t._v("\n        VISUAL COMMUNICATION\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        Visuals don't merely decorate - they communicate. Graphics presented\n        inside this project aren't just eye candy but language, guiding the\n        user to know the product more intimately. As users navigate trough the\n        site, they will be additionally engaged with interactive elements,\n        that \"on hover\" show descriptions of the graphic elements, cultivating\n        a sense of discovery and curiosity, encouraging deeper engagement with\n        the website.\n      ")]),t._v(" "),e("img",{staticClass:"w-[500px] h-auto object-fit mx-auto",attrs:{src:"/images/antesladic/bottle.jpg",alt:"font"}})])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"space-y-8"},[e("h3",{staticClass:"text-center heading-4 max-w-[450px] mx-auto mt-24"},[t._v("\n        CUSTOM SCROLL ANIMATIONS\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        A key feature of the website are its scroll animations. This impactful\n        design choice was made to engage users and guide them through the\n        brand's story in a more dynamic way.\n      ")])])},function(){var t=this,e=t._self._c;return e("div",[e("img",{staticClass:"w-[756px] h-auto object-fit mx-auto rounded-3xl",attrs:{src:"/images/antesladic/likeri.gif",alt:"typed-animation"}}),t._v(" "),e("p",{staticClass:"mt-10 body"},[t._v("\n        Using Elementor's built-in capabilities, I was able to create custom\n        scroll animations that not only add aesthetic appeal but also\n        contribute to a more immersive experience. The animations serve as a\n        visual representation of the brand's unique characteristics,\n        underscoring the raw and authentic nature of the brand.\n      ")])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"space-y-8"},[e("h3",{staticClass:"text-center heading-4 max-w-[450px] mx-auto mt-24"},[t._v("\n        CONCLUSION\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        The design and development journey for Ante Sladić Vino has been a\n        unique experience, encompassing everything from visual storytelling to\n        technical precision. The collaborative efforts with Damir Bralić\n        enriched the project, resulting in a digital expression that truly\n        captures the essence of the brand. Our approach aimed to transcend the\n        usual aesthetic considerations, focusing instead on how each\n        element—from typography to interactive graphics—could amplify the\n        brand's message. With the use of key technological stacks like\n        Elementor and WordPress, we were able to integrate advanced features\n        such as custom scroll animations, heightening user engagement. In sum,\n        this project serves as a genuine connection with the audience,\n        nurtured through every scroll, click, and hover—just like the ethos\n        behind the wine itself.\n      ")])])}],!1,null,null,null);e.default=component.exports;installComponents(component,{StackBadge:n(316).default,LinkBtn:n(315).default})}}]);