https://edobegagic.netlify.app/_nuxt/879c7ae.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[9,2,4],{315:function(t,e,n){"use strict";n.r(e);var r={props:["route","title"]},l=n(27),component=Object(l.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"]},l=n(27),component=Object(l.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},341: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",attrs:{src:"/images/dno.jpg",alt:"dno main"}}),t._v(" "),e("div",{staticClass:"space-y-8"},[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-5"},[e("StackBadge",{attrs:{src:"/stack/js.svg",title:"JAVASCRIPT"}}),t._v(" "),e("StackBadge",{attrs:{src:"/stack/wordpress.svg",title:"WORDPRESS"}}),t._v(" "),e("StackBadge",{attrs:{src:"/stack/kadence.svg",title:"KADENCE WP"}}),t._v(" "),e("StackBadge",{attrs:{src:"/stack/figma.svg",title:"FIGMA"}}),t._v(" "),e("StackBadge",{attrs:{src:"/stack/memberful.svg",title:"MEMBERFUL"}})],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://digitaleneuordnung.de/"}})],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          #DNO\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        REDEFINING THE DIGITAL FRONTIER - A DESIGN JOURNEY\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        DNO stands as a beacon in the digital transformation landscape,\n        specializing in agile methodologies, OKR frameworks, and innovative\n        strategies. The design and development of the DNO website was a\n        journey of creativity and precision. The challenge was to encapsulate\n        the essence of digital transformation in a user-friendly and\n        aesthetically pleasing interface. The result? A seamless blend of form\n        and function.\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        THE DESIGN PROCESS\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        The iterative design process for DNO was marked by stages that ensured\n        clarity and coherence:\n      ")]),t._v(" "),e("ul",[e("li",{staticClass:"pl-2 body"},[t._v("\n          • Design Brief: Establishing the goals, tone of voice, and target\n          audience.\n        ")]),t._v(" "),e("li",{staticClass:"pl-2 body"},[t._v("\n          • Moodboard & Sketching: Generating initial ideas and drawing\n          inspiration.\n        ")]),t._v(" "),e("li",{staticClass:"pl-2 body"},[t._v("\n          • Wireframe: Laying out the structure and flow of the website.\n        ")]),t._v(" "),e("li",{staticClass:"pl-2 body"},[t._v("\n          • UI Design: Crafting the visual elements, ensuring brand\n          consistency.\n        ")]),t._v(" "),e("li",{staticClass:"pl-2 body"},[t._v("\n          • Prototype: Testing the overall user experience before final\n          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        STYLEGUIDE DEVELOPMENT\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        During the design phase I carefully crafted a modular design system\

1n        with complementary typography and colors adhering to the branding\n        guidelines.\n      ")])])},function(){var t=this._self._c;return t("div",{staticClass:"grid w-full sm:grid-cols-2 bg-card rounded-3xl h-[580px] py-10 sm:py-0 sm:h-[316px] items-center justify-center"},[t("img",{staticClass:"w-[268px] justify-self-center",attrs:{src:"/images/dno/jost.jpg",alt:"typography"}}),this._v(" "),t("img",{staticClass:"w-[268px] justify-self-center",attrs:{src:"/images/dno/roboto.jpg",alt:"typography"}})])},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        SHOWCASING VARIATION WITH TYPED.JS\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        The unique implementation of Typed.js adds a layer of interactivity\n        and visual appeal, engaging the audience with a dynamic presentation\n        of various facets. It's a subtle yet powerful way to emphasize the\n        diverse and evolving nature of the work world, reflecting the\n        project's commitment to innovation and attention to detail.\n      ")]),t._v(" "),e("img",{staticClass:"w-[756px] h-auto object-fit mx-auto rounded-3xl header-shadow",attrs:{src:"/images/dno/type-animation.gif",alt:"typed-animation"}})])},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        USER AUTHENTICATION WITH MEMBERFUL\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        The project leverages Memberful to provide a seamless user\n        authentication experience, allowing visitors to register and sign in\n        with ease. This integration not only enhances user engagement but also\n        enables access to exclusive features such as the premium print option.\n        By utilizing Memberful's robust platform, the website ensures a secure\n        and personalized user experience, reflecting the brand's commitment to\n        quality and innovation.\n      ")]),t._v(" "),e("img",{staticClass:"w-[756px] h-auto object-fit mx-auto rounded-3xl header-shadow",attrs:{src:"/images/dno/registration.jpg",alt:"typed-animation"}})])},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        A DESIGN REVELATION\n      ")]),t._v(" "),e("p",{staticClass:"body"},[t._v("\n        The DNO project was more than just another design task. It was an\n        opportunity to redefine digital standards, to challenge conventions,\n        and to create a platform that truly resonates with its audience. Every\n        design choice, every development challenge was approached with a\n        singular vision - to create a digital masterpiece.\n      ")])])}],!1,null,null,null);e.default=component.exports;installComponents(component,{StackBadge:n(316).default,LinkBtn:n(315).default})}}]);