{"id":440,"date":"2025-06-05T12:33:06","date_gmt":"2025-06-05T12:33:06","guid":{"rendered":"https:\/\/ellip.so\/blog\/?p=440"},"modified":"2025-06-06T12:18:30","modified_gmt":"2025-06-06T12:18:30","slug":"case-study-zer-design-website","status":"publish","type":"post","link":"https:\/\/ellip.so\/blog\/case-study-zer-design-website\/","title":{"rendered":"Case Study &#8211; Zer Design Website"},"content":{"rendered":"\n<p>This video presents a <strong>case study<\/strong> of the <strong>Zer Design platform<\/strong>, showcasing a <strong>modern website&#8217;s creation<\/strong> with its advanced features and elegant design. Viewers will discover a site brimming with <strong>interactive and responsive components<\/strong>, from a preloader greeting users in multiple languages to a compelling hero section featuring transforming statements. The experience is further enriched by <strong>dynamic scroll effects<\/strong>, such as a scaling video and a case study marquee that shifts direction. Additionally, the services area incorporates <strong>scroll-activated animations<\/strong> and captivating <strong>3D elements<\/strong> that react to user engagement. Drawing inspiration from <strong>minhpham.design<\/strong>, this <strong>fully responsive<\/strong> website provides an immersive experience across all devices, meticulously crafted with a robust <strong>development stack<\/strong> including <strong>Next.js<\/strong>, and leveraging <strong>Three.js<\/strong> for 3D graphics and <strong>Next-Video<\/strong> for seamless visual integration.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"This Is How a Modern Website Should Look in 2025!  | Full Case Study\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/0LkKbAkUlGA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This video presents a case study of the Zer Design platform, showcasing a modern website&#8217;s creation with its advanced features and elegant design. Viewers will discover a site brimming with interactive and responsive components, from a preloader greeting users in multiple languages to a compelling hero section featuring transforming statements. The experience is further enriched [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":443,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-440","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-studies"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/posts\/440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/comments?post=440"}],"version-history":[{"count":2,"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/posts\/440\/revisions"}],"predecessor-version":[{"id":603,"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/posts\/440\/revisions\/603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/media\/443"}],"wp:attachment":[{"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/media?parent=440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/categories?post=440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ellip.so\/blog\/wp-json\/wp\/v2\/tags?post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}