Case Study: Headstart Dairy
Interactive marketing website with Next.js
Client: Headstart DiaryVisit their site
Canada-based Headstart Diary is a dairy farm focusing on top genetics, efficient production, and happy, healthy calves.
Scope and challenges
- Going from a sluggish, legacy website to a modern one that used cutting-edge technology
Solutions and results
- Dato CMS implementation
- Built a modern frontend using Next.js
- Created a set of interactive SVG animations
Jamstack implementation with Dato CMS, Next.js, and Vercel
Our team worked with Headstart Dairy, a Canadian dairy farm to build a brand-new Jamstack site using Dato CMS, Next.js, and Vercel. By migrating to the Jamstack architecture and headless solutions, we optimized the site for 2x the performance compared to the previous website.
We created a Jamstack
website for a dairy farm
interactive SVG animations
It's difficult to animate multiple SVG files 1:1 to a carefully crafted design. However, we achieved this by using a modern framework for animating SVG files: GSAP. This truly brings Headstart Dairy to the next-gen and makes the site accessible to all browsers and devices.
We used Dato CMS to create an easy content managing experience for non-technical editors, making the site effortless to manage and update.
A next-generation web stack
for a marketing site
Orchestrating a migration project on an enterprise scale required careful planning and execution. Here's how we did it:
1. Content modeling
We took the content and pages from the old WordPress installation and modeled it on Dato.
2. Next.js development
Once the content was fully modeled on Dato CMS, we developed the front-end code with Next.js. Having a fully modeled Headless CMS structure creates a foundation for efficient development.
3. Animating the site
Animating multiple SVG's for desktop and mobile is challenging but not impossible. We used GSAP and React to animate the SVGs when users scroll through the site seamlessly.
4. Optimizing for Web Vitals
After development and quality assurance regarding the UI and usability, we began the final phase for optimizing the site for Google's core web vitals and Real Experience measured with multiple metrics tools.
What our clients say
Director of DevRel
The Ikius team quickly became an extension of the Teleport Team, and completed two key site launches in record time. They continue to build systems and tools that scale and are force multiplies for our marketing efforts.
Co-Founder, CEO - Veri
We worked with Ikius' development team for our Next.js website development. We had previously worked with freelancers for web development, but chose to work with an agency such as Ikius to ensure code quality matches our expectations. Ikius did not disappoint and we can only recommed Ikius as tech partner for Next.js development.
“We are excited to partner with Ikius, increasing our presence in the Nordics and bringing more implementation power to that part of the world. We will tackle new projects together that look for innovative solutions that hinge on flexible, composable architectures.”
Varcroft & Bianco
Ikius has helped tremendously with the development of the Drawer Insert Designer. Max and Aatu have great knowledge regarding what technology to use and how to implement it. They worked seamlessly with other members of the team and everything was completed in a timely professional manner. We have already started working with them on our next project.
Blue Nose cruises
My company’s website was in need of renewal in late 2020. I received offers from multiple companies but in the end I ended up making an agreement with Ikius.
Agility CMS | Marketing
Ikius team is professional, knowledgeable, and extremely helpful. They are on top of web development trends, they understand the demands of modern digital solutions and deliver. It is always a pleasure to work with Ikius, and I can not recommend them enough to all seeking for modern digital implementation
Director at Hotel Radio Ltd.
The team at Ikius have not only proved an invaluable resource for both guiding us through the process of the build for our site and advising on best practice for user experience, but have seen to it that every aspect of our commerce website is honed to perfection and able to execute on any deliverable required, no matter the complexity.
CEO at Brightway Careers
I'm very happy how our new company site turned out. The site's performance is absolutely impressive, thank you team Ikius 👍
CEO at Olifant Digital
Working with Ikius for our Jamstack website was a flawless experience. The development team is super fast and reliable. The speed of our new website is unbeliavable. I highly recommend Ikius as a serious development partner for web development projects involving Jamstack.
Get in touch
Looking to build something like this?
Let’s talk about your ideas, no charge, no obligations.