Case Study: Headstart Dairy

Interactive marketing website with Next.js

Summary

Client: Headstart Diary

Visit 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

  • Seamless

    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.

  • Easy

    content management

    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

Ben Arent

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.

Anttoni Aniebonam

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.

Shubham Khenat

Partnerships

“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.”

Brad Bates

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.

Antti Valtola

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.

Olga Voigt

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

Aaron Hazan

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.

Ilkka Lehto

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 👍

Alex Stoykov

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.

Contact Sales

sales@ikius.com

* Submitting this form will not sign you up for any marketing lists. Your information is strictly used and stored for contacting you. Privacy Policy