Website rebuild with Next.js and Dato CMS

See the websiteLooking for something similar?
Next.js development servicesJamstack developmentHeadless CMS development services

Making Olifant Digital's vision a reality

We worked with Olifant Digital to realize their vision for a highly optimized company site, polished to the tiniest detail.

  • Next-gen content management with Dato CMS: Hand-crafted content models for Olifant Digital to create an easy to use setup for Dato DMS.
  • Optimized for Web Vitals: Optimized for Google's core Web Vitals and Real Experience measured on Vercel analytics. 100 performance score on desktop, 99 on mobile (Real Experience).
  • Lighting fast CI/CD with Vercel: Build times less than a minute, highly efficient CDN for quick global delivery.

5x increase

in desktop performance.

The new website has a perfect 100/100 performance score on Google's PageSpeed Insights. This is a 5x increase compared to the old site on WordPress.

99/100

Real Experience Score on mobile.

Measured on Vercel Real Experience analytics, Olifant Digital's new site has an incredible 99/100 Real Experience score on mobile. Real Experience score is measured by averaging Web Vitals scores on real website visitors.

Highly optimized for Google's Core Web Vitals

When good is not enough, you need perfection. We optimized Olifant Digital's site to pass Google's core web vitals and real experience score thresholds for multiple measurement tools. 






Battle tested for real Web Vitals experience 

Google is starting to rank website not only by performance metrics but also Real Experience scores (Real Experience score: The combined score of your Web Vitals experienced by your visitors). This is why it's utmost important to measure and optimize for Real Experience and not only for Google Lighthouse metrics.

That's exactly what we did. Battle tested and proven Web Vital scores for real website visitors on mobile.


How it was done:

1. Content Modeling on Dato CMS

Olifant Digital had a Figma design and a plan for the new pages to be created. We modeled the pages and content on Dato CMS based on the provided design.

2. Next.js development

Once the content was fully modelled on Dato CMS, we started working on developing the Front-end code with Next.js. Having a fully modelled Headless CMS structure creates a foundation for efficient development.

3. Quality assurance

Once the development phase was completed, we began QA together with Olifant Digital and their design team to ensure the site matched all their requirements and also to also ensure the original UI design translated well to technical components.

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.

The tech stack:

Next generation technology for modern web development

State of the art Content Management and Front-end with Dato CMS and Next.js.

Next.js

Dato CMS

Vercel

Next.js

Next.js is one of the leading JavaScript frameworks and static site generators in the market.

Read more about Next.js

Get in touch

Need help with Jamstack development?

Please leave us a message and we'll be in touch with you. We're happy to discuss your project in more detail in a one-to-one session.

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

What our clients say

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."

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"

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 👍 "

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."

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."

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 reccomend Ikius as a serious development partner for web development projects involving Jamstack."